รูปร่างของบล็อกจะกำหนดโดยโปรแกรมแสดงผลตามคำจำกัดความของบล็อก (ฟิลด์และการเชื่อมต่อ)
โปรแกรมแสดงผลในตัว
Blockly มีโปรแกรมแสดงผลในตัว 3 รายการ ซึ่งแต่ละรายการจะให้ความรู้สึกที่แตกต่างกันเล็กน้อยกับโปรแกรม
| โปรแกรมร่างภาพ | คำอธิบาย | รูปภาพ |
|---|---|---|
| Thrasos | โปรแกรมแสดงผลที่แนะนำ ซึ่งเป็นเวอร์ชันที่ทันสมัยกว่าของโปรแกรมแสดงผล Geras โดยมีระยะห่างที่สม่ำเสมอมากขึ้นและเส้นขอบที่ชัดเจน |  |
| Geras | โปรแกรมแสดงผลเริ่มต้น ซึ่งเป็นตัวแสดงผลดั้งเดิมที่ใช้สร้าง Blockly |  |
| Zelos | ตัวแสดงผลที่อิงตามการออกแบบบล็อกของ Scratch 3.0 |  |
หากต้องการใช้โปรแกรมแสดงผลอย่างใดอย่างหนึ่ง ให้ส่งชื่อไปยังตัวเลือกการกำหนดค่า
Blockly.inject('blocklyDiv', {
renderer: 'thrasos'
});
โปรแกรมแสดงผลที่กำหนดเอง
หากต้องการให้โปรแกรมมีรูปลักษณ์และความรู้สึกที่แตกต่างจากตัวแสดงผลในตัว คุณก็สร้างตัวแสดงผลที่กำหนดเองได้เช่นกัน หากต้องการเริ่มต้นใช้งาน ทีม Blockly ขอแนะนำให้คุณทำดังนี้
- อ่านเอกสารแนวคิดของโปรแกรมแสดงผลเพื่อดูวิธี ที่คอมโพเนนต์ทั้งหมดของโปรแกรมแสดงผลทำงานร่วมกัน
- ทำ Codelab เกี่ยวกับเครื่องมือแสดงผลที่กำหนดเองให้เสร็จสมบูรณ์เพื่อ ฝึกปฏิบัติจริงเกี่ยวกับการแสดงผลที่กำหนดเอง
- เพิ่มเครื่องมือแสดงผลสำหรับแก้ไขข้อบกพร่องลงในโปรเจ็กต์
- ปรับแต่งโปรแกรมแสดงผล