Display - ตอนที่ 5 : LCD 128x64 (2)
3 ปีที่ผ่านมา
Publish : 12 June 2022
หัวข้อในบทความนี้
- การสร้างรูปร่างต่าง ๆ
- การแสดงข้อความ
- ตัวอย่างการแสดงข้อความทางจอ 128x64
ตอนที่ผ่านมาเราใช้จอ 12864 ให้แสดงรูปภาพกันไปแล้ว ซึ่งจริง ๆ ก็ข้ามขั้นไปนิด เราควรใช้จอนี้แสดงตัวหนังสือง่าย ๆ ให้ได้ก่อนใช่มั๊ยครับ ถึงค่อยมาวาดรูป เอ๊า ตอนนี้เรากลับมาแสดงตัวหนังสือกันดีหว่า ง่ายเหมือนกับวาดรูปในตอนที่แล้วเลย ไปดูกันเลยครับ
การสร้างรูปร่างต่าง ๆ
เปิดหัวข้อแรกก็ไม่ใช่แสดงข้อความ คือเดี๋ยวตอนท้ายบทจะมีตัวอย่างเดียวรวบสองหัวข้อเลย ประกอบกับการแสดงข้อความต่าง ๆ มันง่ายมาก เลยมาอธิบายเรื่องรูปร่างต่าง ๆ ก่อน รูปร่างที่ว่านี้คืออะไร ก็รูปร่างทุกอย่างแหละครับ สี่เหลี่ยม สามเหลี่ยม วงกลม เส้น กราฟ จอ 12864 นี้สามารถทำได้หมดด้วย U8g2 Library ในที่นี้จะขอยกคำสั่งพื้นฐานเอาไว้นะครับ ส่วนคำสั่งที่ซับซ้อน ต้องใช้การอธิบายยาว ๆ หรือผู้เขียนคิดว่าคงไม่ค่อยได้ใช้งานก็จะขอข้ามไป เดี๋ยวบทความมันจะยาวเกินไปครับ เพราะ 128x64 นี้สองตอนก็เยอะแล้ว ยังมีจอชนิดอื่นรออยู่อีก หากใครอยากรู้เพิ่มเติมสามารถอ่านได้จาก Wiki ของ Library หรือถ้าการตอบรับดีก็อาจจะเขียนเรื่องของ Library ตัวนี้อย่างละเอียดอีกทีก็ได้ (เรียงคำสั่งตามลำดับอักษร บางอย่างอาจไม่ต่อเนื่อง กระโดดข้ามไปมานะครับ)
เยอะมั๊ยล่ะครับ กับการวาดรูปร่างต่าง ๆ บนหน้าจอ นี่ยกมาแค่บางส่วนเท่านั้นนะครับ ยังมีการวาดจุด การสร้างรูปทรงปุ่ม ใส่เงาใส่แสง เยอะมากครับ เอาว่าไม่ยกตัวอย่างแล้วนะครับกับการวาดรูปร่าง แค่ใส่ตัวเลขลงไปแทนตัวแปรต่าง ๆ ก็สามารถใช้งานได้ เดี๋ยวไปดูกันที่ตัวอย่างตอนท้ายเลย
การแสดงข้อความ
สำหรับการแสดงข้อความนั้นมันก็มีหลายคำสั่งนะครับ แต่เราสามารถเลือกใช้ได้ตามเราสะดวก แต่ก่อนอื่นนั้นเราต้องรู้จักการตั้งค่าซักอย่างสองอย่างก่อนที่จะมีข้อความโผล่ออกมาได้ นั่นคือ
setFont หรือการเลือกฟอนต์นั่นเอง เราสามารถใช้ฟอนต์ให้เป็นแบบต่าง ๆ ได้ ซึ่งฟอนต์ที่ U8g2 รองรับนี้ก็มีเยอะมาก ตั้งแต่ขนาดเล็กไปจนถึงขนาดใหญ่ จากฟอนต์ธรรมดาไปจนเป็นรูปแบบต่าง ๆ โดยในวงเล็บเราจะใส่ชื่อฟอนต์ต่าง ๆ สามารถดูได้จากที่นี่ครับ ซึ่ง SetFont นี้เราสามารถเอาไว้ใน setup เพื่อให้ฟอนต์เหมือนกันทั้งหมด หรือเอาไว้นำหน้าแต่ละข้อความเพื่อให้แต่ละบรรทัดมีฟอนต์ต่างกันก็แล้วแต่เลยครับ
การใช้คำสั่งแสดงข้อความก็มีหลายคำสั่ง ใช้ต่างกันออกไป
drawGlyph ใช้แสดงตัวอักษรเพียงตัวเดียวเท่านั้น
drawStr ใช้แสดงข้อความต่าง ๆ แต่ตัวอักษรที่ประกอบในข้อความนั้นจะต้องมี unicode ระหว่าง 127-255 เท่านั้น
drawUTF8 ใช้แสดงข้อความต่าง ๆ ที่ประกอบด้วยตัวอักษรที่เป็น UTF-8 ทั้งหมด ไม่มีข้อจำกัดด้านอักขระแล้วหล่ะครับตัวนี้ เพนื่องด้วยตัวอักษรที่เราอ่านกันนี่ก็เป็น UTF-8 แทบทุกตัวแล้ว แต่คำสั่งนี้มันจะแสดงตัวเลขไม่ได้นะครับ !!!!!
print ผมว่ามาถึงตรงนี้หลายท่านกำหมัดแล้วหล่ะ (อิอิ) คือเป็นผมก็กำหมัดแหละครับ คำสั่ง print นี่แหละ เหมือนที่เราใช้ ๆ กันอยู่เลย มันใช้กับการแสดงข้อความบนจอด้วย U8g2 ได้เหมือนกันที่สำคัญคือมันไม่มีข้อจำกัดอะไรเลย !!!! เรียกว่าใช้คำสั่งนี้ก็จะแสดงข้อความได้แบบครอบจักรวาลโยนอีคำสั่งที่ผ่าน ๆ มาทิ้งกันเลยแหละครับ
แต่ทั้งนี้ทั้งนั้น การใช้ print มันก็ต้องมีคำสั่งเสริมเพื่อกำหนดตำแหน่ง และการเปิดฟังก์ชั่น UTF-8 เพื่อให้สนับสนุนการแสดงอักษรในกลุ่ม UTF-8 ได้นั่นเอง โดย enableUTF8Print นี้ก็ให้ใส่ไว้ใน setup เลยครับ
ส่วนการกำหนดตำแหน่งนั้นก็ setCursor ปกติตามที่ใช้กันอยู่ คงไม่ต้องอธิบายแล้วหล่ะครับ
ตัวอย่างการแสดงข้อความทางจอ 128x64
ยาวเลยกับภาคทฤษฏี ตัวอย่างมาแล้วครับทีนี้ เราจะมาลองแสดงข้อความง่าย ๆ กันดู เพื่อให้บทความมันไม่ยาว โค้ดไม่ยาว เพราะตัวอย่างก็อยากอธิบายละเอียด มันก็ต้องยาวอีกอยู่ดีแหละครับ โดยตัวอย่างจะขอตีกรอบขึ้นมารอบหน้าจอ พร้อมแสดงข้อความ Hello ที่กลางจอ
เริ่มจากออกแบบกรอบก่อน ในจอของเราคือพิกเซลเล็ก ๆ เรียงกันอยู่ มุมซ้ายบนสุดคือ 0,0 และมุมขวาสุดคือ 127,63 อยากออกแบบให้มีที่ว่างระหว่างขอบจอกับกรอบด้านละ 5 พิกเซล (กรอบแดง)
- กำหนดจุดเริ่มต้นก่อน จะเว้น 5 พิกเซล จุดเริ่มต้นคือ 5,5 (เว้น 0 1 2 3 4 = 5 พิกเซล) ทั้ง x และ y (เริ่มจาก 0 เหมือนกัน คิดเลขครั้งเดียว)
- ความกว้าง เรารู้ว่าจุดด้านขวาสุดคือ 127 เราจะเว้นมา 5 พิกเซล ก็เว้น 127 126 125 124 123 ฉะนั้นเราจะลากเส้นมาถึงพิกเซลที่ 122 แต่กว้าง 122 เลยมั๊ย ไม่ครับ อย่าลืมว่าเราเริ่มที่ 5 ความกว้างของกรอบเราคือ 122 - 5 = 117
- ความสูง เช่นกัน เรารู้ว่าจุดล่างสุดคือ 63 คิดเลขขั้นตอนเหมือนกับความกว้าง ได้ 53
จบไปกับกรอบครับ ได้คำสั่ง drawFrame(5, 5, 117, 53)
ต่อไปเป็นตัวอักษรของเราแล้วครับ ไอ้ลำพัง Hello เนี่ย มันก็ไม่ได้ยากอะไรหรอก แต่จะทำยังไงให้มันอยู่กลางจอนี่สิ? ต้องคิดเลขกันอีกแล้ว (ใครไม่คิด จะลองสุ่ม ๆ ไปก่อนแล้วแก้เอาก็ได้เหมือนกันนะครับ ไม่เหนื่อยคิดเลข แต่เหนื่อยแก้หลายรอบหน่อย)
- เริ่มจากเลือกฟอนต์กันก่อน ผู้เขียนขอเลือก helvB14_tr ที่มีขนาดอักษรตัวละ 18x18 พิกเซล เมื่อประกอบเป็น Hello จะมีขนาด 18 x 5 = 90 ข้อความเราก็จะมีขนาดกว้าง 90 พิกเซล และสูง 18 พิกเซล
- ต่อไปคือการเอาคำว่า Hello ไปอยู่ตรงกลางจอ เราก็หากึ่งกลางจอของเรา แกน x เรามี 128 ครึ่งคือ 64 ส่วนแกน y เรามี 64 ครึ่งหนึ่งก็คือ 32 จุดกึ่งกลางจอของเราคือ 63,31 อ่าว หายไปไหน 1 ก็เพราะเราเริ่มที่ 0 ไงครับ
- ปัญหาคือ เราเอา Hello ไปวางไว้ที่ 63,31 เลย มันจะไม่กลาง เนื่องจากคำสั่ง setCursor จุดที่มันวางคือตำแหน่งซ้ายล่างของข้อความ 63 เราต้องลบครึ่งของความกว้างข้อความเพื่อให้มันขยับซ้าย และ 31 ต้องบวกด้วยครึ่งของความสูงข้อความเพื่อขยับลงมา แล้วจุดกลางจริง ๆ ของข้อความมันอยู่ตรงกลางจบพอดี นึกไม่ออกดูรูปด้านล่างประกอบครับ
- คิดเลขออกมาแล้ว เราจะไปวางที่ 18,40 ได้คำสั่งครบแล้วคือ setCursor(18, 40) และ print("Hello")
ไปดูโค้ดแบบครบ ๆ กันเลยครับ
ลองอัพโหลดโค้ดดู ผลลัพธ์เป็นไปตามที่เราคาดคิดมั๊ย? บอกก่อนว่าบทความนี้หาเวลามาปั่นทำให้ไม่ได้ทดลองโค้ดนะครับ ยังไงใครลองทำแล้วผิดพลาดก็เข้ามาแนะนำกันได้เลยนะครับว่าผิดตรงไหน แก้ยังไง จะได้ทำให้บทความมีความถูกต้องมากขึ้น สำหรับวันนี้ก็คิดว่าคงจบในส่วนของจอ 12864 หันก่อน ยังมีจออีกมากที่รออยู่ในตอนต่อไป วันนี้สวัสดีครับ
หัวข้อในบทความนี้
- การสร้างรูปร่างต่าง ๆ
- การแสดงข้อความ
- ตัวอย่างการแสดงข้อความทางจอ 128x64
ตอนที่ผ่านมาเราใช้จอ 12864 ให้แสดงรูปภาพกันไปแล้ว ซึ่งจริง ๆ ก็ข้ามขั้นไปนิด เราควรใช้จอนี้แสดงตัวหนังสือง่าย ๆ ให้ได้ก่อนใช่มั๊ยครับ ถึงค่อยมาวาดรูป เอ๊า ตอนนี้เรากลับมาแสดงตัวหนังสือกันดีหว่า ง่ายเหมือนกับวาดรูปในตอนที่แล้วเลย ไปดูกันเลยครับ
การสร้างรูปร่างต่าง ๆ
เปิดหัวข้อแรกก็ไม่ใช่แสดงข้อความ คือเดี๋ยวตอนท้ายบทจะมีตัวอย่างเดียวรวบสองหัวข้อเลย ประกอบกับการแสดงข้อความต่าง ๆ มันง่ายมาก เลยมาอธิบายเรื่องรูปร่างต่าง ๆ ก่อน รูปร่างที่ว่านี้คืออะไร ก็รูปร่างทุกอย่างแหละครับ สี่เหลี่ยม สามเหลี่ยม วงกลม เส้น กราฟ จอ 12864 นี้สามารถทำได้หมดด้วย U8g2 Library ในที่นี้จะขอยกคำสั่งพื้นฐานเอาไว้นะครับ ส่วนคำสั่งที่ซับซ้อน ต้องใช้การอธิบายยาว ๆ หรือผู้เขียนคิดว่าคงไม่ค่อยได้ใช้งานก็จะขอข้ามไป เดี๋ยวบทความมันจะยาวเกินไปครับ เพราะ 128x64 นี้สองตอนก็เยอะแล้ว ยังมีจอชนิดอื่นรออยู่อีก หากใครอยากรู้เพิ่มเติมสามารถอ่านได้จาก Wiki ของ Library หรือถ้าการตอบรับดีก็อาจจะเขียนเรื่องของ Library ตัวนี้อย่างละเอียดอีกทีก็ได้ (เรียงคำสั่งตามลำดับอักษร บางอย่างอาจไม่ต่อเนื่อง กระโดดข้ามไปมานะครับ)
| การกระทำ | คำสั่ง | อธิบาย |
| วาดสี่เหลี่ยมทึบ | drawBox(x, y, w, h) | x, y : ตำแหน่งของจุดเริ่มต้น w : ความกว้างของรูปสี่เหลี่ยม h : ความสูงของรูปสี่เหลี่ยม |
| วาดวงกลมโปร่ง | drawCircle(x0, y0, rad, opt) | x0, y0 : จุดศูนย์กลางของวงกลม rad : รัศมีของวงกลม opt : ให้ใส่ U8G2_DRAW_ALL จะเป็นการวาดวงกลมครบทุกส่วน เราสามารถเลือกวาดแค่บางส่วน(1/4)ได้ ด้วยคำสั่ง U8G2_DRAW_UPPER_RIGHT U8G2_DRAW_UPPER_LEFT U8G2_DRAW_LOWER_LEFT U8G2_DRAW_LOWER_RIGHT |
| วาดวงกลมทึบ | drawDisc(x0, y0, rad, opt) | |
| วาดวงรีโปร่ง | drawEllipse(x0, y0, rx, ry, opt) | x0, y0 : จุดศูนย์กลางของวงรี rx, ry : รัศมีของวงรี opt : ให้ใส่ U8G2_DRAW_ALL จะเป็นการวาดวงรีครบทุกส่วน เราสามารถเลือกวาดแค่บางส่วน(1/4)ได้ ด้วยคำสั่ง U8G2_DRAW_UPPER_RIGHT U8G2_DRAW_UPPER_LEFT U8G2_DRAW_LOWER_LEFT U8G2_DRAW_LOWER_RIGHT |
| วาดวงรีทึบ | drawFilledEllipse(x0, y0, rx, ry, opt) | |
| วาดเฟรม (สี่เหลี่ยมโปร่ง) | drawFrame(x, y, w, h) | x, y : ตำแหน่งของจุดเริ่มต้น w : ความกว้างของรูปสี่เหลี่ยม h : ความสูงของรูปสี่เหลี่ยม |
| วาดเส้นแนวนอน (ขนานกับขอบจอ) |
drawHLine(x, y, w) | x, y : ตำแหน่งของจุดเริ่มต้น(ด้านซ้าย) w : ความยาวของเส้น |
| วาดเส้น (ลากระหว่างจุดสองจุด) |
drawLine(x0, y0, x1, y1) | x0, y0 : ตำแหน่งของจุดเริ่มต้น x1, y1 : ตำแหน่งของจุดสิ้นสุด |
| วาดสี่เหลี่ยมมุมมนทึบ | drawRBox(x, y, w, h, r) | x, y : ตำแหน่งของจุดเริ่มต้น w : ความกว้างของรูปสี่เหลี่ยม h : ความสูงของรูปสี่เหลี่ยม r : ขนาดรัศมีของมุมมน |
| วาดสี่เหลี่ยมมุมมนโปร่ง | drawRFrame(x, y, w, h, r) | |
| วาดสามเหลี่ยมทึบ | drawTriangle(x0, y0, x1, y1, x2, y2) | x0, y0 : ตำแหน่งของมุมที่ 1 x1, y1 : ตำแหน่งของมุมที่ 2 x2, y2 : ตำแหน่งของมุมที่ 3 |
| วาดเส้นแนวตั้ง (ขนานกับขอบจอ) |
drawVLine(x, y, h) | x, y : ตำแหน่งของจุดเริ่มต้น(ด้านบน) h : ความสูงของเส้น |
เยอะมั๊ยล่ะครับ กับการวาดรูปร่างต่าง ๆ บนหน้าจอ นี่ยกมาแค่บางส่วนเท่านั้นนะครับ ยังมีการวาดจุด การสร้างรูปทรงปุ่ม ใส่เงาใส่แสง เยอะมากครับ เอาว่าไม่ยกตัวอย่างแล้วนะครับกับการวาดรูปร่าง แค่ใส่ตัวเลขลงไปแทนตัวแปรต่าง ๆ ก็สามารถใช้งานได้ เดี๋ยวไปดูกันที่ตัวอย่างตอนท้ายเลย
การแสดงข้อความ
สำหรับการแสดงข้อความนั้นมันก็มีหลายคำสั่งนะครับ แต่เราสามารถเลือกใช้ได้ตามเราสะดวก แต่ก่อนอื่นนั้นเราต้องรู้จักการตั้งค่าซักอย่างสองอย่างก่อนที่จะมีข้อความโผล่ออกมาได้ นั่นคือ
| setFont(*font) |
การใช้คำสั่งแสดงข้อความก็มีหลายคำสั่ง ใช้ต่างกันออกไป
drawGlyph ใช้แสดงตัวอักษรเพียงตัวเดียวเท่านั้น
| drawGlyph(x, y, encoding) x, y : ตำแหน่งจุดเริ่มต้นที่จะวางตัวอักษร encoding : Unicode ของตัวอักษร (ไม่เกิน 16-bit) |
drawStr ใช้แสดงข้อความต่าง ๆ แต่ตัวอักษรที่ประกอบในข้อความนั้นจะต้องมี unicode ระหว่าง 127-255 เท่านั้น
| drawStr(x, y, text) x, y : ตำแหน่งจุดเริ่มต้นที่จะวางข้อความ text : ข้อความที่จะแสดง |
drawUTF8 ใช้แสดงข้อความต่าง ๆ ที่ประกอบด้วยตัวอักษรที่เป็น UTF-8 ทั้งหมด ไม่มีข้อจำกัดด้านอักขระแล้วหล่ะครับตัวนี้ เพนื่องด้วยตัวอักษรที่เราอ่านกันนี่ก็เป็น UTF-8 แทบทุกตัวแล้ว แต่คำสั่งนี้มันจะแสดงตัวเลขไม่ได้นะครับ !!!!!
| drawUTF8(x, y, text) x, y : ตำแหน่งจุดเริ่มต้นที่จะวางข้อความ text : ข้อความที่จะแสดง |
print ผมว่ามาถึงตรงนี้หลายท่านกำหมัดแล้วหล่ะ (อิอิ) คือเป็นผมก็กำหมัดแหละครับ คำสั่ง print นี่แหละ เหมือนที่เราใช้ ๆ กันอยู่เลย มันใช้กับการแสดงข้อความบนจอด้วย U8g2 ได้เหมือนกันที่สำคัญคือมันไม่มีข้อจำกัดอะไรเลย !!!! เรียกว่าใช้คำสั่งนี้ก็จะแสดงข้อความได้แบบครอบจักรวาลโยนอีคำสั่งที่ผ่าน ๆ มาทิ้งกันเลยแหละครับ
| print(text) text : ข้อความที่จะแสดง |
แต่ทั้งนี้ทั้งนั้น การใช้ print มันก็ต้องมีคำสั่งเสริมเพื่อกำหนดตำแหน่ง และการเปิดฟังก์ชั่น UTF-8 เพื่อให้สนับสนุนการแสดงอักษรในกลุ่ม UTF-8 ได้นั่นเอง โดย enableUTF8Print นี้ก็ให้ใส่ไว้ใน setup เลยครับ
| enableUTF8Print() |
| setCursor(x, y) |
ตัวอย่างการแสดงข้อความทางจอ 128x64
ยาวเลยกับภาคทฤษฏี ตัวอย่างมาแล้วครับทีนี้ เราจะมาลองแสดงข้อความง่าย ๆ กันดู เพื่อให้บทความมันไม่ยาว โค้ดไม่ยาว เพราะตัวอย่างก็อยากอธิบายละเอียด มันก็ต้องยาวอีกอยู่ดีแหละครับ โดยตัวอย่างจะขอตีกรอบขึ้นมารอบหน้าจอ พร้อมแสดงข้อความ Hello ที่กลางจอ
เริ่มจากออกแบบกรอบก่อน ในจอของเราคือพิกเซลเล็ก ๆ เรียงกันอยู่ มุมซ้ายบนสุดคือ 0,0 และมุมขวาสุดคือ 127,63 อยากออกแบบให้มีที่ว่างระหว่างขอบจอกับกรอบด้านละ 5 พิกเซล (กรอบแดง)
- กำหนดจุดเริ่มต้นก่อน จะเว้น 5 พิกเซล จุดเริ่มต้นคือ 5,5 (เว้น 0 1 2 3 4 = 5 พิกเซล) ทั้ง x และ y (เริ่มจาก 0 เหมือนกัน คิดเลขครั้งเดียว)
- ความกว้าง เรารู้ว่าจุดด้านขวาสุดคือ 127 เราจะเว้นมา 5 พิกเซล ก็เว้น 127 126 125 124 123 ฉะนั้นเราจะลากเส้นมาถึงพิกเซลที่ 122 แต่กว้าง 122 เลยมั๊ย ไม่ครับ อย่าลืมว่าเราเริ่มที่ 5 ความกว้างของกรอบเราคือ 122 - 5 = 117
- ความสูง เช่นกัน เรารู้ว่าจุดล่างสุดคือ 63 คิดเลขขั้นตอนเหมือนกับความกว้าง ได้ 53
จบไปกับกรอบครับ ได้คำสั่ง drawFrame(5, 5, 117, 53)
ต่อไปเป็นตัวอักษรของเราแล้วครับ ไอ้ลำพัง Hello เนี่ย มันก็ไม่ได้ยากอะไรหรอก แต่จะทำยังไงให้มันอยู่กลางจอนี่สิ? ต้องคิดเลขกันอีกแล้ว (ใครไม่คิด จะลองสุ่ม ๆ ไปก่อนแล้วแก้เอาก็ได้เหมือนกันนะครับ ไม่เหนื่อยคิดเลข แต่เหนื่อยแก้หลายรอบหน่อย)
- เริ่มจากเลือกฟอนต์กันก่อน ผู้เขียนขอเลือก helvB14_tr ที่มีขนาดอักษรตัวละ 18x18 พิกเซล เมื่อประกอบเป็น Hello จะมีขนาด 18 x 5 = 90 ข้อความเราก็จะมีขนาดกว้าง 90 พิกเซล และสูง 18 พิกเซล
- ต่อไปคือการเอาคำว่า Hello ไปอยู่ตรงกลางจอ เราก็หากึ่งกลางจอของเรา แกน x เรามี 128 ครึ่งคือ 64 ส่วนแกน y เรามี 64 ครึ่งหนึ่งก็คือ 32 จุดกึ่งกลางจอของเราคือ 63,31 อ่าว หายไปไหน 1 ก็เพราะเราเริ่มที่ 0 ไงครับ
- ปัญหาคือ เราเอา Hello ไปวางไว้ที่ 63,31 เลย มันจะไม่กลาง เนื่องจากคำสั่ง setCursor จุดที่มันวางคือตำแหน่งซ้ายล่างของข้อความ 63 เราต้องลบครึ่งของความกว้างข้อความเพื่อให้มันขยับซ้าย และ 31 ต้องบวกด้วยครึ่งของความสูงข้อความเพื่อขยับลงมา แล้วจุดกลางจริง ๆ ของข้อความมันอยู่ตรงกลางจบพอดี นึกไม่ออกดูรูปด้านล่างประกอบครับ
- คิดเลขออกมาแล้ว เราจะไปวางที่ 18,40 ได้คำสั่งครบแล้วคือ setCursor(18, 40) และ print("Hello")
ไปดูโค้ดแบบครบ ๆ กันเลยครับ
ลองอัพโหลดโค้ดดู ผลลัพธ์เป็นไปตามที่เราคาดคิดมั๊ย? บอกก่อนว่าบทความนี้หาเวลามาปั่นทำให้ไม่ได้ทดลองโค้ดนะครับ ยังไงใครลองทำแล้วผิดพลาดก็เข้ามาแนะนำกันได้เลยนะครับว่าผิดตรงไหน แก้ยังไง จะได้ทำให้บทความมีความถูกต้องมากขึ้น สำหรับวันนี้ก็คิดว่าคงจบในส่วนของจอ 12864 หันก่อน ยังมีจออีกมากที่รออยู่ในตอนต่อไป วันนี้สวัสดีครับ
▲
▼
รายการสั่งซื้อของฉัน
รายการสั่งซื้อของฉัน
ข้อมูลร้านค้านี้
Fitrox Electronics
ไฟทร็อก อิเล็กทรอนิกส์ จำหน่ายอุปกรณ์อิเล็กทรอนิกส์ บอร์ดไมโครคอนโทรลเลอร์ และอุปกรณ์สำหรับโปรเจคต่างๆ อ.เมือง จ.เชียงใหม่ (หลัง มช.)
เบอร์โทร : 0897245633
อีเมล : fitrox.electronics@gmail.com
อีเมล : fitrox.electronics@gmail.com
ส่งข้อความติดต่อร้าน
เกี่ยวกับร้านค้านี้
ค้นหาสินค้าในร้านนี้
ค้นหาสินค้า
สินค้าที่ดูล่าสุด
บันทึกเป็นร้านโปรด
Join เป็นสมาชิกร้าน
แชร์หน้านี้
แชร์หน้านี้
↑
TOP เลื่อนขึ้นบนสุด
TOP เลื่อนขึ้นบนสุด
สินค้าในตะกร้า ({{total_num}} รายการ)
ขออภัย ขณะนี้ยังไม่มีสินค้าในตะกร้า
ราคาสินค้าทั้งหมด
฿ {{price_format(total_price)}}
- ฿ {{price_format(discount.price)}}
ราคาสินค้าทั้งหมด
{{total_quantity}} ชิ้น
฿ {{price_format(after_product_price)}}
ราคาไม่รวมค่าจัดส่ง
➜ เลือกซื้อสินค้าเพิ่ม