16. Wio Terminal EP.03, การแสดงผลอย่างง่าย #2


Wio Terminal EP.03, คำสั่งในการแสดงผลอย่างง่าย #2

การเขียนโค้ดอย่างง่าย ตอนที่ 2 ใน Wio Terminal EP.02 นั้นอาจจะดูยากไปสักหน่อย สำหรับมือใหม่ ครั้งนี้จึงมาขอแก้ตัว โดยเขียนโค้ดพื้น ๆ เพื่อแสดงผล เช่น การเติมสีพื้นหลัง การกำหนดสีตัวอักขระ การกำหนดสีพื้นของตัวอักขระ การกำหนดขนาดอักขระ พิกัดตำแหน่งบนจอ

 คำอธิบายโค้ด

การใช้งาน Wio สิ่งแรกที่ขาดไม่ได้ คือ การ import คำสั่งต่าง ๆ ที่เกี่ยวข้องกับจอแสดงผล LCD คือ การเรียกใช้คำสั่ง from machine import LCD และประกาศเพื่อเรียกใช้คำสั่งเกี่ยวกับการแสดงผล ด้วยคำสั่ง lcd = LCD() จากนั้นจะสั่งงานอะไรก็เขียนโค้ดไปตามต้องการ

ในตัวอย่างนี้ จะเรียกใช้คำสั่ง 4 คำสั่ง คือ
คำสั่งที่ใช้ในการเติมสีพื้นหลัง คือ lcd.fillScreen(ชื่อสี)
คำสั่งที่จะใช้ ในการกำหนดสีตัวอักขระ คือ lcd.setTextColor(สีตัวอักขระ, สีพื้นหลังตัวอักขระ)
คำสั่งที่ใช้ในการกำหนดขนาดของตัวอักขระ คือ lcd.setTextSize(ตัวเลขขนาดตัวอักขระ)
คำสั่งที่ใช้ในการแสดงข้อความ คือ lcd.drawString("ข้อความที่แสดง", พิกัด X นับจากซ้ายไปขวา, พิกัด Y นับจากบนลงล่าง)

หมายเหตุ ขนาดของจอแสดงผล กว้าง 320 พิกเซล สูง 240 พิกเซล คือ พิกัดจากซ้ายไปขวา มีค่าจาก 0 ถึง 319 และพิกัดจากบนลงล่าง มีค่าจาก 0 ถึง 239



เขียนโค้ด ดังต่อไปนี้ โค้ดที่ใช้ทดสอบนี้ 

from machine import LCD
lcd = LCD() # Initialize LCD and turn the backlight
lcd.fillScreen(lcd.color.BLACK) # Fill the LCD screen with color black

lcd.setTextColor(lcd.color.GREEN) # Setting test color to Green
lcd.drawString("Hello PlakemPhet", 0, 0)

lcd.setTextSize(2) # Setting font size to 2
lcd.setTextColor(lcd.color.GREEN,lcd.color.BLUE) # Setting test color to Green on ฺBlue
lcd.drawString("Hello PlakemPhet", 0, 20)

lcd.setTextSize(3) # Setting font size to 3
lcd.setTextColor(lcd.color.YELLOW,lcd.color.BLUE) # Setting test color to Yellow on Blue 
lcd.drawString("Hello PlakemPhet", 0, 40)

lcd.setTextSize(1) # Setting font size to 1
lcd.setTextColor(lcd.color.YELLOW) # Setting test color to Green on BLUE
lcd.drawString("https://www.plakemphet.net", 0, 230)


อย่าลืม!! เมื่อแก้ไขเสร็จ ให้เลือกเมนู Save เพื่อส่งโค้ดเข้าไปใน Wio และทำงานตามที่เขียนไว้ทันที


 ผลที่ได้จากการทำงาน


รูปที่ 1 ผลจากการทำงานของคำสั่ง


 

โพสต์ยอดนิยมจากบล็อกนี้

14. Wio Terminal EP.01 , เริ่มตันกับ Wio Terminal ด้วย circuitPython

28. Wio Terminal GPS

24. Wio Terminal EP.11, อนาล็อกมิเตอร์ วัดความสว่างของแสง