เมนูแสดงผล Arduino OLED พร้อมตัวเลือกให้เลือก: 8 ขั้นตอน

2025 ผู้เขียน: John Day | [email protected]. แก้ไขล่าสุด: 2025-01-23 15:12

ในบทช่วยสอนนี้ เราจะเรียนรู้วิธีสร้างเมนูที่มีตัวเลือกการเลือกโดยใช้ OLED Display และ Visuino

ดูวิดีโอ.

ขั้นตอนที่ 1: สิ่งที่คุณต้องการ

• Arduino UNO (หรือ Arduino อื่น ๆ)
• สายจัมเปอร์
• จอแสดงผล OLED
• เขียงหั่นขนม
• ตัวต้านทาน 1K โอห์ม
• ปุ่ม
• โปรแกรม Visuino: ดาวน์โหลด Visuino

ขั้นตอนที่ 2: วงจร

• เชื่อมต่อพินจอแสดงผล OLED [VCC] กับพิน Arduino [5V]
• เชื่อมต่อพินจอแสดงผล OLED [GND] กับพิน Arduino [GND]
• เชื่อมต่อพินจอแสดงผล OLED [SDA] กับพิน Arduino [SDA]
• เชื่อมต่อพินจอแสดงผล OLED [SCL] กับพิน Arduino [SCL]
• ต่อ Arduino 5V เข้ากับตัวต้านทานด้านใดด้านหนึ่ง
• เชื่อมต่อตัวต้านทานอีกด้านหนึ่งกับปุ่ม
• เชื่อมต่ออีกด้านหนึ่งของปุ่มเข้ากับขาดิจิตอล Arduino [8] และลงกราวด์

ขั้นตอนที่ 3: เริ่ม Visuino และเลือก Arduino UNO Board Type

ในการเริ่มต้นเขียนโปรแกรม Arduino คุณจะต้องติดตั้ง Arduino IDE จากที่นี่:

โปรดทราบว่ามีข้อบกพร่องที่สำคัญบางอย่างใน Arduino IDE 1.6.6 ตรวจสอบให้แน่ใจว่าคุณติดตั้ง 1.6.7 หรือสูงกว่า มิฉะนั้น Instructable นี้จะไม่ทำงาน! หากคุณยังไม่ได้ทำตามขั้นตอนในคำแนะนำนี้เพื่อตั้งค่า Arduino IDE เพื่อตั้งโปรแกรม Arduino UNO! ต้องติดตั้ง Visuino: https://www.visuino.eu ด้วย เริ่ม Visuino ดังรูปแรก คลิกที่ปุ่ม "Tools" บนส่วนประกอบ Arduino (ภาพที่ 1) ใน Visuino เมื่อกล่องโต้ตอบปรากฏขึ้น ให้เลือก "Arduino UNO" ดังแสดงในภาพที่ 2

ขั้นตอนที่ 4: ใน Visuino ADD Components

• เพิ่มองค์ประกอบ "ตัวนับ"
• เพิ่มองค์ประกอบ "Integer Array"
• เพิ่มคอมโพเนนต์ "Integer Multi Source"
• เพิ่มส่วนประกอบ "SSD1306/SH1106 OLED Display (I2C)"

ขั้นตอนที่ 5: ในส่วนประกอบชุด Visuino

• เลือกส่วนประกอบ "Counter1" และในหน้าต่างคุณสมบัติตั้งค่า 'Max'>'Value' เป็น 2 และ 'Min>'Value' เป็น 0
• ดับเบิลคลิกที่ "Array1" และในหน้าต่าง Elements ลาก 3x 'Value' ไปทางด้านซ้ายเลือกรายการ[1] และในหน้าต่างคุณสมบัติตั้งค่าเป็น 20เลือกรายการ[2] และในหน้าต่างคุณสมบัติตั้งค่าเป็น 40
• เลือกส่วนประกอบ "IntegerMultiSource1" และในหน้าต่างคุณสมบัติให้ตั้งค่า 'Output Pins' เป็น 4
• ดับเบิลคลิกที่ "DisplayOLED1" และในหน้าต่างองค์ประกอบ - ลาก 3X "วาดข้อความ" ไปทางซ้ายเลือก 'วาด Text1' และในหน้าต่างคุณสมบัติตั้งค่าสีเป็น tmcInvert ขนาดเป็น 2 ข้อความเป็น 'เมนู-1' เลือก 'วาด Text2 ' และในหน้าต่างคุณสมบัติตั้งค่าสีเป็น tmcInvert ขนาดเป็น 2 ข้อความเป็น 'เมนู-2', Y ถึง 20 เลือก 'วาด Text3' และในหน้าต่างคุณสมบัติตั้งค่าสีเป็น tmcInvert ขนาดเป็น 2 ข้อความเป็น 'เมนู-3 ', Y ถึง 40 ลาก "วาดสี่เหลี่ยมผืนผ้า" ไปทางซ้ายและตั้งค่าสีเป็น tmcWhite และเติมสีเป็น tmcWhite สูง 20 กว้างถึง 128 เลือก Y และคลิกที่ไอคอน Pin และเลือก 'Integer SinkPin' - ลาก "เติม หน้าจอ" ไปทางซ้าย

ขั้นตอนที่ 6: ในส่วนประกอบ Visuino Connect

• เชื่อมต่อพินดิจิตอล Arduino [8] กับพินส่วนประกอบ "counter1" [ใน]
• เชื่อมต่อพินคอมโพเนนต์ "Counter1" [ออก] กับพิน "Array1" [ดัชนี]
• เชื่อมต่อพินคอมโพเนนต์ "Array1" [ออก] กับพิน "IntegerMultiSource1" [ใน]
• เชื่อมต่อพิน "IntegerMultiSource1" [0] กับ DisplayOLED1>Fill Screen1 pin[clock]
• เชื่อมต่อพิน "IntegerMultiSource1" [1] กับ DisplayOLED1>วาดสี่เหลี่ยมผืนผ้า1 พิน[Y]
• เชื่อมต่อพิน "IntegerMultiSource1" [2] กับ DisplayOLED1>วาด Rectangle1 pin [นาฬิกา]
• เชื่อมต่อพิน "IntegerMultiSource1" [3] กับ DisplayOLED1>วาด Text1 pin[นาฬิกา]
• เชื่อมต่อพิน "IntegerMultiSource1" [3] กับ DisplayOLED1>วาด Text2 pin [นาฬิกา]
• เชื่อมต่อพิน "IntegerMultiSource1" [3] กับ DisplayOLED1>วาด Text3 pin [นาฬิกา]
• เชื่อมต่อพิน "DisplayOLED1" I2C [ออก] กับพิน I2c ของบอร์ด Arduino [ใน]

ขั้นตอนที่ 7: สร้าง คอมไพล์ และอัปโหลดโค้ด Arduino

ใน Visuino ที่ด้านล่างให้คลิกแท็บ "บิลด์" ตรวจสอบให้แน่ใจว่าได้เลือกพอร์ตที่ถูกต้อง จากนั้นคลิกที่ปุ่ม "รวบรวม/สร้างและอัปโหลด"

ขั้นตอนที่ 8: เล่น

หากคุณจ่ายไฟให้กับโมดูล Arduino UNO และจอแสดงผล OLED ควรเริ่มแสดงเมนู คุณสามารถไปยังเมนูต่างๆ ได้โดยกดปุ่ม

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