ILI9341 TFT Dokunmatik Ekranda Kalemle Çizim Yapmak için Visuino ile Arduino Programlama

Transkript

1 ILI934 TFT Dokunmatik Ekranda Kalemle Çizim Yapmak için Visuino ile Arduino Programlama ILI934 merkezli TFT Dokunmatik Ekran Korunması Display Shields for Arduino için çok popüler düşük maliyetli Display Shields(Ekran kartı) lardır. Size nasıl Bitmap animasyonu yapabileceğiniz ve Shield(Ekran) da GPS koordinatlarını nasıl görüntüleyebileceğinizi gösteren bir çift Visuino TFT Ekran eğitim dosyası oluşturmuştum, ama size Dokunmatik ekran fonksiyonunu nasıl kullanacağınızı gösteremedim. Bu eğitim dosyasında ekranda herhangi bir çizim yapmak için Stylus Dokunmatik Ekran Kalemi veya Parmak İzi kullanabilmek için Visuino ile Arduino UNO yu programlamanın ne kadar kolay olduğunu göstereceğim. Adım : Bileşenler. Bir adet Arduino Uno board 2. Bir adet Arduino için ILI " TFT Touchscreen Display Shield(Dokunmatik Ekran) 3. Opsiyonel olarak parmak kullanmak yerine ekranda çizim yapmak için bir Stylus Dokunmatik Kalem kullanabilirsiniz Program Arduino UNO With Visuino to Draw on ILI934 TFT Touchscreen Display Shield With Pen: Page

2 Adım 2: ILI934 TFT Dokunmatik Ekranı Arduino ya bağlayın Resimlerde ve Videoda gösterildiği gibi TFT Shield ı Arduino Uno nun üstüne bağlayın Program Arduino UNO With Visuino to Draw on ILI934 TFT Touchscreen Display Shield With Pen: Page 2

3 Adım 3: Start Visuino yu başlatın ve Arduino Board tipini seçin Arduino programlamayı başlatmak için,buradaki linkten indirilebilen ( Arduino IDE programının yüklü olması gerekmektedir. Lütfen Arduino IDE.6.6 programı içindeki bazı kritik hatalara dikkat ediniz..6.7 veya daha üst versiyonlarını indirdiğinizden emin olun, öte yandan bu Instructable çalışmayacaktır. Visuino: Visuino nun da yandaki linkten yüklenmesi gerekmektedir. Visuino yu ilk resimde gösterildiği gibi başlatın. Drop Down(aşağı açılır) Menüyü açmak için Arduino bileşeninin "Arrow Down(aşağı ok)" butonuna tıklayın (Resim ) 2. Menüden "Add Shields..." ı seçin(resim ) 3. "Shields" diyaloğunda "Displays" kategorisini genişletin ve "TFT Color Touch Screen Display ILI934 Shield" i seçin(resim 2), sonra onu eklemek için "+" butonuna tıklayın (Resim 3) 4. Shields Editörü kapatın Buraya tıklayın Bunu seçin.. Bu elementi seçin 2.2. Buraya tıklayın Program Arduino UNO With Visuino to Draw on ILI934 TFT Touchscreen Display Shield With Pen: Page 3

4 Adım 4: Visuino: Draw Ellipse Elementini Display e ekleyin Ekrana dokunulan bölgede bir Small Circle(küçük çember) oluşturmak için Graphics Draw Ellipse(Grafikler Elips çizme) elementi(elemanı) eklememiz gerekir.. Properties(özellikler) de "Shields" özelliğini, sonra "TFT Display" alt özelliğini genişletin (Resim ) 2. Properties(özellikler) de "TFT Display" Elementinin(elemanının) Elements özelliğinin değerinin yanındaki "..." butonuna tıklayın(resim ) 3. Elements editöründe Draw Ellipse i seçin ve sonra bir tane (Resim 3) eklemek için "+" butonuna tıklayın 4. Properties(özellikler) de "Draw Ellipse" elementinin "Color" özelliğinin değerini "aclviolet" olarak ayarlayın(resim 3) 5. Properties(özellikler) de "Draw Ellipse" elementinin "Fill Color" özelliğinin değerini "acllime" olarak ayarlayın(resim 4) 2. Buraya tıklayın. 2. Buraya tıklayın 2.. Bu elementi seçin. Bu özelliği ayarlayın. Bu özelliği ayarlayın Program Arduino UNO With Visuino to Draw on ILI934 TFT Touchscreen Display Shield With Pen: Page 4

5 Adım 5: Visuino: Ellipse Elementinin Merkezini ve Boyutunu belirleyin Ellipse(elips) in Circle(çember) olarak gözükmesi için, Width(En) ve Height(boy) i belirlememiz gerekir. Elipsin koordinatlarının da sol üst köşede değil, merkezde olmasını isteriz.. Properties(özellikler) de "Draw Ellipse" elementinin "Centered" özelliğinin değerini "True" olarak ayarlayın(resim ) 2. Properties(özellikler) de "Draw Ellipse" elementinin "Height" özelliğinin değerini "0" olarak ayarlayın (Resim 2) 3. Properties(özellikler) de "Draw Ellipse" elementinin "Width" özelliğinin değerini "0" olarak ayarlayın (Resim 3). Bu özelliği ayarlayın. Bu özelliği ayarlayın. Bu özelliği ayarlayın Program Arduino UNO With Visuino to Draw on ILI934 TFT Touchscreen Display Shield With Pen: Page 5

6 Adım 6: Visuino: Draw Ellipse Elementinin(Elips Çizme elemanının) X ve Y özellikleri için Pinleri ekleyin ve bağlantısını yapın Belirli bir konumda çember çizmek için konumun X ve Y pozisyonlarını kontrol etmemiz gerekir. Bunu yapmak için X ve Y özellikleri için pinler ekleyeceğiz ve pinleri Shield ın X ve Y Touch(Dokunma) pozisyonlarına bağlayacağız:. Properties(özellikler) de "Draw Ellipse" elementinin X özelliğinin önündeki Pin butonuna tıklayın(resim ), ve "Integer SinkPin" i seçin 2. Properties(özellikler) de "Draw Ellipse" elementinin Y özelliğinin önündeki Pin butonuna tıklayın(resim 2), ve "Integer SinkPin" i seçin 3. Resim 3 yeni eklenmiş pinleri gösterir 4. Elements Diyaloğunu kapatın 5. Arduino bileşeninin "Shields.TFT Display.Touch" elementinin " X " çıkış pinini Arduino bileşeninin "Shields.TFT Display.Elements.Draw Ellipse"elementinin "X" giriş pinine bağlayın (Resim 4) 6. Arduino bileşeninin "Shields.TFT Display.Touch" elementinin " Y " çıkış pinini Arduino bileşeninin "Shields.TFT Display.Elements.Draw Ellipse"elementinin "Y" giriş pinine bağlayın (Resim 5) Buraya tıklayın Bunu seçin.. Buraya tıklayın 2.2. Bunu seçin Program Arduino UNO With Visuino to Draw on ILI934 TFT Touchscreen Display Shield With Pen: Page 6

7 Adım 7: Visuino: Compare Analog Value Bileşenini Ekleyin, Yapılandırın ve Bağlantısını yapın Dokunmatik ekran ekrana ne kadar sert dokunulduğunu belirten bir pine sahiptir. Kalem ekrana dokunduğunda bunu tespit etmek için, "Compare Analog Value" (Analog Değer Karşılaştırma) bileşenini kullanabilir ve seviyeyi belirleyebiliriz:. Component Toolbox(Bileşen Araç Çubuğu) ın Filter box içine " compare " yazın, sonra " Compare Analog Value " bileşenini seçin (Resim ) ve tasarım alanına bırakın(resim 2) 2. Properties(özellikler) de CompareAnalogValue bileşeninin "Compare Type" özelliğinin değerini "ctbigger" olarak ayarlayın(resim 2) 3. Properties(özellikler) de CompareAnalogValue bileşeninin "Value" özelliğinin değerini "0.25" olarak ayarlayın (Resim 3) Dokunma hassaslığını ayarlamak için diğer değerleri deneyebilirsiniz 4. Arduino bileşeninin "Shields.TFT Display.Touch" elementinin " Pressure " çıkış pinini CompareAnalogValue bileşeninin "In" giriş pinine bağlayın (Resim 4). Bu bileşeni seçin. Bu özelliği ayarlayın Program Arduino UNO With Visuino to Draw on ILI934 TFT Touchscreen Display Shield With Pen: Page 7

8 . Bu özelliği ayarlayın Adım 8: Visuino: Repeat, Clock Multi Source ve Clock On/Off Switch Bileşenlerini ekleyin ve bağlantısını yapın Tam dokunulan konumda çember çizmek için, ilk olarak X ve Y belirlememiz ve sonra çemberi çizilmeye zorlar. Bu işlem için defalarca clock(süre-zaman sayma) üretmek için Repeat(tekrar) bileşenini kullanmamız gerekir. Arduino nun ana devreyi(turu) gerçekleştirme hızı kadar hızlı Clock üretecektir. Çemberi çizmeye başlamadan önce dokunma olması için test etmek istediğimizden itibaren "Clock Multi Source "(Çoklu kaynak süre sayma) bileşeni kullanacağız. Girişteki her clock(zaman-süre sayma) için, bileşen çıkışların sırasına göre olay-durumların doğru sırada olacağından emin olarak tam olarak çıkışların üstünde clock lar üretecektir. Çember çizimini Etkinleştirmek ve Deaktifleştirmek için, "Clock On/Off Switch"(zaman sayma Aç/Kapa Anahtarı) bileşenini kullanacağız: Component Toolbox(Bileşen Araç Çubuğu) ın Filter box içine " repeat " yazın, sonra " Repeat " bileşenini seçin (Resim ) ve tasarım alanına bırakın(resim 2) Component Toolbox(Bileşen Araç Çubuğu) ın Filter box içine " multi " yazın, sonra " Clock Multi Source " bileşenini seçin (Resim 2) ve tasarım alanına bırakın(resim 3) Component Toolbox(Bileşen Araç Çubuğu) ın Filter box içine " switch " yazın, sonra " Clock On/Off Switch " bileşenini seçin (Resim 3) ve tasarım alanına bırakın(resim 4) Repeat bileşeninin " Out " çıkış pinini MultiSource bileşeninin "In" giriş pinine bağlayın (Resim 4) MultiSource bileşeninin " Out " Pinlerinin "Pin[ 0 ]" çıkış pinini Arduino bileşeninin "Shields.TFT Display.Touch" elementinin "Clock" giriş pinine bağlayın (Resim 5) Program Arduino UNO With Visuino to Draw on ILI934 TFT Touchscreen Display Shield With Pen: Page 8

9 . Bu bileşeni seçin. Bu bileşeni seçin Program Arduino UNO With Visuino to Draw on ILI934 TFT Touchscreen Display Shield With Pen: Page 9

10 Adım 9: Visuino: Clock Switch i bağlayın "Clock On/Off Switch(zaman sayma Aç/Kapa Anahtarı)" bileşenini Etkinleştirmek/Deaktifleştirmek için, kaleme dokunulduğunda veya hareket ettirildiğinde, anahtarı "Compare Analog Value" bileşenine bağlayın:. MultiSource bileşeninin " Out " Pinlerinin "Pin[ ]" çıkış pinini ClockSwitch bileşeninin "In" giriş pinine bağlayın (Resim ) 2. ClockSwitch bileşeninin " Out " çıkış pinini Arduino bileşeninin "Shields.TFT Display.Elements.Draw Ellipse" elementinin "Clock" giriş pinine bağlayın (Resim 2) 3. CompareAnalogValue bileşeninin " Out " çıkış pinini ClockSwitch bileşeninin "Enable" giriş pinine bağlayın (Resim 4) Adım 0: Arduino kodunu üretme, derleme ve yükleme. Visuino da, Arduino kodu üretmek ve Arduino IDE yi açmak için.resim de gösterilen butona tıklayın veya F9 a basın 2. Arduino IDE de, Upload butonuna kodu derlemek ve yüklemek için tıklayın(resim 2) Program Arduino UNO With Visuino to Draw on ILI934 TFT Touchscreen Display Shield With Pen: Page 0

11 . Kodu üretmek için buraya tıklayın veya F9 a basın. Kodu derlemek ve yüklemek için buraya tıklayın Adım : Play... Tebrikler! Bir Wi-Fi tarayıcı yaptınız. Resim 2 ve Video bağlantıları yapılı ve enerjilendirilmiş projeyi gösterir. ILI934 merkezli TFT Dokunmatik Ekranda Dokunmatik Ekranlı Stylus Kalemi veya Parmakla Videoda görüldüğü gibi herhangi bir şey çizebilirsiniz. Ekran penceresini temizlemek için, Reset butonuna basabilirsiniz. Resim de tamamlanmış Visuino diyagramı görebilirsiniz. Ayrıca, bu Instructable için oluşturduğum Visuino projesi eklenmiştir. Projeyi Visuino nun web sitesinden indirip açabilirsiniz: Program Arduino UNO With Visuino to Draw on ILI934 TFT Touchscreen Display Shield With Pen: Page

12 Download ( ( Program Arduino UNO With Visuino to Draw on ILI934 TFT Touchscreen Display Shield With Pen: Page 2