สารบัญ:

หน้าจอสัมผัส Arduino: 4 ขั้นตอน
หน้าจอสัมผัส Arduino: 4 ขั้นตอน

วีดีโอ: หน้าจอสัมผัส Arduino: 4 ขั้นตอน

วีดีโอ: หน้าจอสัมผัส Arduino: 4 ขั้นตอน
วีดีโอ: ออกแบบปุ่มกดจอสัมผัส (2 4lcd Arduino) 2025, มกราคม
Anonim
หน้าจอสัมผัส Arduino
หน้าจอสัมผัส Arduino

สวัสดี! วันนี้ผมจะแสดงให้คุณเห็นถึงวิธีการใช้ทัชสกรีนชิลด์กับ Arduino Uno คุณสามารถใช้เป็นจอแสดงผลขนาดเล็กสำหรับคำพูดหรือรูปภาพหรือสิ่งอื่น ๆ ได้ทุกประเภท

ขั้นตอนที่ 1: อะไหล่

อะไหล่
อะไหล่

คุณจะต้องการ:

  • Arduino Uno
  • Seeed Studios TFT Shield
  • สาย USB
  • การ์ดไมโคร SD

นั่นคือทั้งหมดที่คุณต้องการ คุณสามารถรับแผงป้องกัน TFT ได้ที่ seeedstudios.com ในราคา 50 ดอลลาร์ หลังจากที่คุณได้รับโล่แล้ว ให้ใส่การ์ด micro SD ลงในช่องเล็กๆ ที่ด้านล่าง ตอนนี้โล่ TFT ของคุณฉันพร้อมใช้งานแล้ว เสียบเข้ากับ Arduino Uno ของคุณและตั้งค่าดาวน์โหลดไฟล์ตามรายการด้านล่าง

คุณจะต้องใช้ซอฟต์แวร์นี้และไฟล์เหล่านี้ด้วย:

  • Arduino IDE
  • ไลบรารี TFT_Touch_Shield_v2-master-2 (สามารถดาวน์โหลดได้จากวิกิ seeed studios)
  • ตัวแปลงไฟล์ zip ทุกชนิด

ขั้นตอนที่ 2: เรียกใช้โปรแกรม TFT แรกของคุณ

เมื่อคุณมีชิ้นส่วนและซอฟต์แวร์ทั้งหมดแล้ว ให้เปิด Arduino IDE และเปิด

ไลบรารี TFT_Touch_Shield_v2-master-2 เปิดตัวอย่างและค้นหาโปรแกรมแรกที่ชื่อ "drawCircle" เมื่อคุณเปิดโปรแกรมนั้นแล้ว ให้อ่านหมายเหตุด้านข้างทั้งหมดเพื่อให้คุณเข้าใจคำสั่งและวิธีใช้งาน อัปโหลดโปรแกรมไปยังบอร์ดของคุณ หน้าจอสัมผัสควรแสดง 4 วงกลม 2 เติมและ 2 โครงร่าง ถ้าทำได้ ยินดีด้วย! คุณเพิ่งรันโปรแกรม TFT ครั้งแรกของคุณ

ขั้นตอนที่ 3: การเพิ่มOn

กำลังเพิ่ม
กำลังเพิ่ม

หวังว่าคุณจะอ่านหมายเหตุด้านข้าง เพื่อให้คุณทราบวิธีใช้คำสั่งในโปรแกรม "drawCircle" ตอนนี้ คุณจำเป็นต้องนำสิ่งที่คุณรู้ไปใช้โดยเปลี่ยนพารามิเตอร์ในคำสั่งบางคำสั่ง เพื่อให้คุณสามารถดูว่าจะเกิดอะไรขึ้นเมื่อคุณทำเช่นนั้น ลองเปลี่ยน cooridintaes ขนาด และสีของวงกลมบนหน้าจอ นี่คือสิ่งที่ฉันทำหลังจากเรียนรู้วิธีเปลี่ยนคำสั่ง:

#รวม #รวม

#รวม

การตั้งค่าเป็นโมฆะ () {

TFT_BL_ON;

Tft. TFTinit();

Tft.fillCircle (110, 150, 100, สีเหลือง);

Tft.fillCircle (100, 100, 25, สีดำ);

Tft.fillCircle (120, 120, 10, สีแดง);

Tft.fillCircle (120, 120, 10, สีฟ้า);

Tft.fillCircle(120, 120, 10, สีฟ้า);

Tft.fillCircle (110, 110, 5, สีขาว);

}

วงเป็นโมฆะ () {

}

ถ้าคุณทำทุกอย่างแล้ว ก็ถึงเวลาที่ต้องเดินหน้าต่อไป ดูตัวอย่างอื่นๆ เรียนรู้วิธีการใช้งานร่วมกัน คุณควรศึกษาโปรแกรมที่วาดรูปร่างหรือตัวเลข (เช่น "drawRectangle" หรือ "drawNumbers")

ขั้นตอนที่ 4: การเพิ่ม Contd

เมื่อคุณเชี่ยวชาญในการสร้างรูปร่างบนหน้าจอแล้ว คุณควรเรียนรู้เกี่ยวกับการแสดงภาพ (drawbmp1&2) และเกี่ยวกับวิธีการวาดบนหน้าจอ (สี) ก็ประมาณนั้นแหละ ขอบคุณสำหรับการอ่านและหากคุณไม่ต้องการให้ฉันเผยแพร่คำแนะนำอื่นเกี่ยวกับเรื่องนี้เพียงแค่แสดงความคิดเห็น ขอบคุณที่อ่าน!