โหมดแสดงภาพ

รูปร่างของบล็อกจะกำหนดโดยโหมดแสดงภาพ โดยอิงจาก คำจำกัดความของ บล็อก (ซึ่งก็คือฟิลด์และการเชื่อมต่อของบล็อก)

โหมดแสดงภาพในตัว

Blockly มีโหมดแสดงภาพในตัว 3 แบบ แต่ละแบบให้ ให้ความรู้สึกที่แตกต่างในโปรแกรม

โปรแกรมร่างภาพ	คำอธิบาย	รูปภาพ
ทาราซอส	โหมดแสดงภาพที่แนะนำ แต่เป็นการ แบบสมัยใหม่ในโหมดแสดงภาพ Geras ระยะห่างเท่ากัน และเส้นขอบทึบ
Geras	โหมดแสดงภาพเริ่มต้น เป็นต้นฉบับ ของ Blockly สร้างด้วย
Zelos	โหมดแสดงภาพที่ใช้การออกแบบบล็อก Scratch-3.0

หากต้องการใช้ตัวแสดงผลเหล่านี้ ให้ส่งชื่อไปยังตัวเลือกการแทรก

Blockly.inject('blocklyDiv', {
  renderer: 'thrasos'
});

โหมดแสดงภาพที่กำหนดเอง

หากคุณต้องการให้โปรแกรมมีรูปลักษณ์และความรู้สึกที่แตกต่างไปจาก โหมดแสดงภาพในตัว คุณยังสร้างโหมดแสดงภาพที่กำหนดเองได้ด้วย วิธีเริ่มต้นใช้งาน ทีม Blockly ขอแนะนำให้คุณ

1. อ่านเอกสารแนวคิดของผู้แสดงผลเพื่อเรียนรู้ ว่าองค์ประกอบทั้งหมด ของโหมดแสดงภาพผสมผสานกันอย่างไร
2. ทำ Codelab ของตัวแสดงผลที่กำหนดเองให้เสร็จเพื่อ คุณจะได้ฝึกใช้การแสดงผลที่กำหนดเองแบบลงมือทำจริง
3. เพิ่มตัวแสดงผลการแก้ไขข้อบกพร่องลงในโปรเจ็กต์
4. ปรับแต่งโหมดแสดงภาพ