วิธีแสดงข้อความบน M5StickC ESP32 โดยใช้ Visuino: 6 ขั้นตอน

2024 ผู้เขียน: John Day | [email protected]. แก้ไขล่าสุด: 2024-01-30 13:02

ในบทช่วยสอนนี้ เราจะเรียนรู้วิธีตั้งโปรแกรม ESP32 M5Stack StickC ด้วย Arduino IDE และ Visuino เพื่อแสดงข้อความบน LCD

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

M5StickC ESP32: คุณสามารถรับได้ที่นี่

โปรแกรม Visuino: ดาวน์โหลด Visuino

ขั้นตอนที่ 2: เริ่ม Visuino และเลือก M5 Stack Stick C Board Type

เริ่ม Visuino ดังรูปแรก คลิกที่ปุ่ม "Tools" บนส่วนประกอบ Arduino (ภาพที่ 1) ใน Visuino เมื่อกล่องโต้ตอบปรากฏขึ้น ให้เลือก "M5 Stack Stick C" ดังแสดงในภาพที่ 2

ขั้นตอนที่ 3: ใน Visuino เพิ่มและตั้งค่าส่วนประกอบ

1. คลิกที่บอร์ด "M5 Stack Stick C" เพื่อเลือก
2. ในหน้าต่าง "คุณสมบัติ" เลือก "โมดูล" และคลิก "+" เพื่อขยาย เลือก "แสดง ST7735" และคลิก "+" เพื่อขยาย

3. ตั้งค่าการวางแนวเป็น "goRight" <นี่หมายความว่าข้อความจะถูกวางแนวอย่างไร

4. เลือก "องค์ประกอบ" และคลิกที่ปุ่มสีน้ำเงินที่มี 3 จุด…
5. Elements Dialog จะแสดง
6. ในไดอะล็อก Elements ให้ลาก "ช่องข้อความ" จากด้านขวาไปด้านซ้าย

คลิกที่ "ช่องข้อความ1" ทางด้านซ้ายเพื่อเลือก จากนั้นใน "หน้าต่างคุณสมบัติ" ให้คลิกที่ "ค่าเริ่มต้น" เพื่อตั้งค่าข้อความเริ่มต้น เช่น "ข้อความตัวอย่าง"

- ในหน้าต่างคุณสมบัติตั้งค่า X และ Y ซึ่งคุณต้องการแสดงข้อความนี้บน LCD ค่าเริ่มต้นคือ 0 หมายความว่าจะเริ่มแสดงข้อความที่มุมบนซ้าย

- คุณสามารถกำหนดขนาดตัวอักษรและสีได้หากต้องการ

ปิดหน้าต่างองค์ประกอบ

ทางเลือก:

คลิกที่บอร์ด "M5 Stack Stick C" เพื่อเลือก

ในหน้าต่าง "คุณสมบัติ" เลือก "โมดูล" และคลิก "+" เพื่อขยาย เลือก "แสดง ST7735" แล้วคลิก "+" เพื่อขยายและคุณจะเห็น "สีพื้นหลัง" ซึ่งเป็นสีเริ่มต้นของจอแสดงผล เปลี่ยนเป็น สีโปรดของคุณ คุณยังสามารถตั้งค่าความสว่างของจอแสดงผลได้ ค่าเริ่มต้นคือ 1 (สูงสุด) คุณสามารถตั้งค่าเป็น 0.5 หรือค่าอื่นๆ เพื่อทำให้มืดลงได้

ขั้นตอนที่ 4: ทางเลือก - แสดงข้อความโดยใช้คอมโพเนนต์ "ค่าข้อความ"

เมื่อคุณเพิ่มองค์ประกอบ "ช่องข้อความ" ในกล่องโต้ตอบองค์ประกอบแล้ว

คุณสามารถตั้งค่าข้อความโดยใช้องค์ประกอบ "ค่าข้อความ"

1. ในการทำเช่นนั้น ให้ลากองค์ประกอบ "ค่าข้อความ" และเชื่อมต่อกับพิน "M5 Stack Stick C" > "Text Field1" [ใน]
2. ในหน้าต่างคุณสมบัติ ตั้งค่าข้อความที่คุณต้องการแสดง

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

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

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

หากคุณจ่ายไฟให้กับโมดูล M5Sticks จอแสดงผลควรเริ่มแสดงข้อความที่คุณตั้งค่าไว้

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

1. ไฟล์แรก "StickC-Display-Text.visuino" เป็นเพียงการตั้งค่าข้อความในหน้าต่างองค์ประกอบ
2. ไฟล์ที่สอง "StickC-Display-Text-using-textvalue.visuino" กำลังตั้งค่าข้อความโดยใช้องค์ประกอบ "Text Value"