สารบัญ:
- ขั้นตอนที่ 1: ส่วนประกอบที่จำเป็น
- ขั้นตอนที่ 2: เริ่มต้น:
- ขั้นตอนที่ 3: วิธีการแฟลช Nextion Display
- ขั้นตอนที่ 4: ถอดรหัสเฟรมและเข้ารหัสเฟรม
- ขั้นตอนที่ 5: สีแบบอักษร แถบความคืบหน้า และคำสั่ง
- ขั้นตอนที่ 6: ตัวจับเวลา ตัวแปร และเปลี่ยนรูปภาพ
- ขั้นตอนที่ 7: ตัวสร้างรหัส QR บนจอแสดงผล
- ขั้นตอนที่ 8: การสร้างรูปคลื่นบนจอแสดงผล
- ขั้นตอนที่ 9: แอนิเมชั่นบนจอแสดงผล
- ขั้นตอนที่ 10: โครงการ: ระบบอัตโนมัติในบ้าน
2025 ผู้เขียน: John Day | [email protected]. แก้ไขล่าสุด: 2025-01-13 06:58
Nextion Display นั้นใช้งานง่ายมากและมีส่วนต่อประสานกับไมโครคอนโทรลเลอร์ด้วยความช่วยเหลือของตัวแก้ไข Nextion เราสามารถกำหนดค่าการแสดงผลและเราสามารถออกแบบ UI บนจอแสดงผลได้
ดังนั้นตามเหตุการณ์หรือคำสั่ง การแสดงผล Nextion จะดำเนินการเพื่อแสดงคำสั่งที่ตั้งโปรแกรมไว้ ต่อไปนี้คือชุดของบทช่วยสอนซึ่งจะอธิบายวิธีใช้ Nextion ร่วมกับ Arduino และพร้อมกับไมโครคอนโทรลเลอร์ 1 ใช้ตัวแก้ไขถัดไป
2. แฟลชด้วย USB เป็น Serial
3. ถอดรหัสเฟรมและวิธีสร้างเฟรมเพื่อส่งไปยังจอแสดงผล Nextion โดยใช้ PIC และ Arduino
4. เปลี่ยนสีแบบอักษรและเปลี่ยนข้อความบนจอแสดงผล
5. เปลี่ยนรูปภาพบนจอแสดงผล Nextion
6. สร้างรหัส QR บน Nextion Display
7. สร้างรูปคลื่นบน Display
7. สร้างแอนิเมชั่นบน Display
8. โครงการ: โฮมออโตเมชั่น
ขั้นตอนที่ 1: ส่วนประกอบที่จำเป็น
Basic Nextion Display 4.3 นิ้ว DisplayNextion Display ในสหรัฐอเมริกา -
Nextion Display ในสหราชอาณาจักร -
Nextion Display ในอินเดีย -
ขั้นตอนที่ 2: เริ่มต้น:
วิดีโอนี้จะทำให้รู้ว่าการแสดง Nextion คืออะไรและโปรแกรมแก้ไขนี้ทำอะไร..
ดาวน์โหลดตัวแก้ไขจากเว็บไซต์อย่างเป็นทางการ
nextion.itead.cc/resources/download/nextio…
ขั้นตอนที่ 3: วิธีการแฟลช Nextion Display
วิดีโอนี้อธิบายการแฟลชจอแสดงผลโดยใช้การ์ด SD และการใช้ USB to Serial Converter แผนภาพการเชื่อมต่อแสดงวิธีเชื่อมต่อเพื่อแสดงด้วย USB เป็น Serial
ขั้นตอนที่ 4: ถอดรหัสเฟรมและเข้ารหัสเฟรม
วิดีโอนี้แสดงวิธีถอดรหัสเฟรมและวิธีสร้างเฟรมเพื่อส่งไปยังจอแสดงผล Nextion โดยใช้ PIC หรือไมโครคอนโทรลเลอร์ อินเทอร์เฟซการแสดงผล Nextion กับ Arduino จะครอบคลุมในส่วนต่อไปนี้
ขั้นตอนที่ 5: สีแบบอักษร แถบความคืบหน้า และคำสั่ง
วิดีโอนี้อธิบายเกี่ยวกับวิธีการเปลี่ยนสีแบบอักษรและวิธีเปลี่ยนสตริงข้อความบน Display วิดีโอนี้ยังครอบคลุมถึงแถบแสดงความคืบหน้าตามค่าที่กำหนด
ขั้นตอนที่ 6: ตัวจับเวลา ตัวแปร และเปลี่ยนรูปภาพ
บทช่วยสอนตัวแก้ไขการแสดงผล Nextion นี้ครอบคลุมการใช้รูปภาพ คำสั่ง ตัวจับเวลาภายใน และตัวแปร บทช่วยสอนนี้ครอบคลุม 3 วิธีในการเปลี่ยนรูปภาพบนจอแสดงผล ด้วยคุณสมบัติ Timer เราสามารถพัฒนาแอปพลิเคชั่น-g.webp
วิดีโอนี้ครอบคลุมอินเทอร์เฟซโดยไม่ต้องใช้สแต็กหรือไลบรารี ในบทช่วยสอนนี้ อินเทอร์เฟซตัวควบคุม PIC พร้อมจอแสดงผลโดยใช้ UART
ขั้นตอนที่ 7: ตัวสร้างรหัส QR บนจอแสดงผล
บทช่วยสอนการแสดงผล Nextion นี้ครอบคลุมถึงวิธีสร้างรหัส QR บนจอแสดงผล Nextion ในข้อมูลกวดวิชานี้เป็นข้อมูลผ่านการเชื่อมต่อแบบอนุกรม
บทช่วยสอนนี้ยังครอบคลุมถึงอินเทอร์เฟซกับบอร์ด Arduino pro mini นี่คือรหัสสำหรับ Arduino
ตำแหน่ง Github สำหรับไฟล์ QR HMI และไฟล์ Arduino.ino
ขั้นตอนที่ 8: การสร้างรูปคลื่นบนจอแสดงผล
บทช่วยสอนนี้ครอบคลุมถึงการแสดงรูปคลื่นบนจอแสดงผล Nextion ในบทช่วยสอนนี้บอร์ด Arduino pro mini ใช้เพื่อส่งข้อมูลเพื่อแสดง
ขั้นตอนที่ 9: แอนิเมชั่นบนจอแสดงผล
ในบทช่วยสอนการแสดงผล Nextion นี้ เราได้สร้างแอปพลิเคชันภาพเคลื่อนไหว-g.webp
จอภาพ Nextion ที่ใช้ในที่นี้คือ 3.5 นิ้ว
ไฟล์ HMI และ. TFT อยู่ใน Github
ขั้นตอนที่ 10: โครงการ: ระบบอัตโนมัติในบ้าน
โครงการแสดงผล Home Automation โดยใช้จอแสดงผล Nextion 3.5 นิ้ว และ ESP8266
โปรเจ็กต์นี้มีหน้าล็อกอินสำหรับการจำกัดการเข้าถึงระบบโฮม ใช้การเข้าสู่ระบบโดยใช้ปุ่มตัวเลข
ลิงค์โค้ดและไฟล์ TFT