ค่า
ทุกช่องต้องมีค่า ซึ่งเป็นแหล่งข้อมูลที่เชื่อถือได้สำหรับข้อมูลของช่อง โดยอาจเป็นประเภทใดก็ได้ (สตริง ตัวเลข อาร์เรย์ วันที่ ฯลฯ) ฟิลด์อาจใช้เครื่องมือตรวจสอบเพื่อจำกัดค่าหรือแปลเป็นรูปแบบที่เครื่องอ่านได้ (เช่น การแปลงรูปแบบวันที่ให้เป็นรูปแบบมาตรฐาน)
ข้อความ
ทุกช่องมีข้อความซึ่งเป็นสตริงที่มนุษย์อ่านได้ง่ายๆ ซึ่งแสดงค่าของช่อง
แต่ไม่ได้หมายความว่าทั้ง 2 อย่างจะเหมือนกัน เช่น ข้อความในช่องบูลีนอาจเป็น "เปิด" หรือ "ปิด" ขณะที่ค่าของช่องเป็น
true
หรือ false
ข้อความนี้จะแสดงเมื่อบล็อกยุบลงเพื่อการช่วยเหลือพิเศษ และอาจเป็นส่วนหนึ่งของการแสดงในบล็อกก็ได้
ช่องที่แก้ไขได้กับช่องที่แก้ไขไม่ได้
โดยทั่วไปแล้ว ช่องที่แก้ไขได้จะอนุญาตให้ผู้ใช้ทำการเปลี่ยนแปลงโค้ด ขณะที่ ช่องที่แก้ไขไม่ได้จะแสดงข้อมูลเกี่ยวกับบล็อกแก่ผู้ใช้ ช่องที่แก้ไขได้อาจแสดงโปรแกรมแก้ไข Rich Text เมื่อคลิก
ช่องที่แก้ไขได้มีดังนี้
ช่องที่แก้ไขไม่ได้ ได้แก่
การเรียงอันดับ
ค่าของฟิลด์ที่แปลงเป็นอนุกรมได้จะได้รับการเข้ารหัสในรูปแบบการบันทึก (JSON หรือ XML) ฟิลด์ที่แก้ไขได้ทั้งหมดจะสามารถแปลงเป็นอนุกรมได้ เนื่องจากค่าของฟิลด์เป็นแบบไดนามิก โดยปกติแล้ว ค่าของฟิลด์ที่แก้ไขไม่ได้จะไม่ใช่ค่าแบบไดนามิก จึงมักจะไม่ได้แปลงเป็นรูปแบบอนุกรม
ฟิลด์ที่แปลงเป็นอนุกรม ได้แก่
ฟิลด์ที่ไม่ได้เรียงลำดับ ได้แก่
โปรดสังเกตว่าช่อง Label Serializable แก้ไขไม่ได้ แต่สามารถทำให้เป็นอนุกรมได้ ซึ่งหมายความว่าแก้ไขได้โดยใช้โปรแกรมเท่านั้น ไม่ใช่ผ่าน UI ที่ผู้ใช้มองเห็น เมื่อแก้ไขแล้ว ระบบจะเข้ารหัสค่าใน JSON/XML ที่สร้างขึ้น
การสร้างโค้ด
นอกจากการเชื่อมต่อและยกเลิกการเชื่อมต่อบล็อกแล้ว ฟิลด์ยังเป็นวิธีเดียวที่ผู้ใช้จะควบคุมโค้ดที่ Blockly สร้างขึ้นได้ เอดิเตอร์ที่ฟิลด์ระบุ ช่วยให้ผู้ใช้แก้ไขค่าที่ฟิลด์จัดเก็บได้ จากนั้นเครื่องมือสร้างบล็อกอาจ เข้าถึงค่าของฟิลด์เพื่อใช้ในโค้ดที่สร้างขึ้น
ดูข้อมูลเพิ่มเติมเกี่ยวกับการใช้ค่าของฟิลด์ในเครื่องมือสร้างได้ที่การสร้างโค้ดฟิลด์
การแสดงผลในบล็อก
การแสดงผลในบล็อกของฟิลด์คือชุดขององค์ประกอบ SVG ที่แสดงค่าของฟิลด์ โดยจะใช้พื้นที่ในบล็อก และเมื่อเปลี่ยนขนาดก็จะ บังคับให้บล็อกเปลี่ยนขนาดด้วย การแสดงผลในบล็อกของฟิลด์อาจเรียบง่ายหรือ ซับซ้อนก็ได้ ขึ้นอยู่กับความต้องการ
ตัวอย่างการแสดงผลในบล็อกต่างๆ ตามลำดับความซับซ้อนที่เพิ่มขึ้นมีดังนี้
ประเภทช่อง | คำอธิบาย |
---|---|
ป้ายกำกับ | มีเฉพาะองค์ประกอบข้อความ |
มุม | มีสี่เหลี่ยมผืนผ้าพื้นหลัง องค์ประกอบข้อความ และสัญลักษณ์องศา |
เต่า | ประกอบด้วยสี่เหลี่ยมผืนผ้าพื้นหลัง องค์ประกอบข้อความ และองค์ประกอบ SVG หลายรายการที่ใช้สร้างกราฟิกเต่า |
การแสดงผลของเครื่องมือแก้ไข
เมื่อผู้ใช้คลิกช่องที่แก้ไขได้ ช่องอาจแสดงเอดิเตอร์ที่มีความซับซ้อนตามต้องการ
ตัวอย่างโปรแกรมแก้ไขต่างๆ ตามลำดับความซับซ้อนที่เพิ่มขึ้นมีดังนี้
ประเภทช่อง | คำอธิบาย |
---|---|
ช่องทำเครื่องหมาย | ไม่มีตัวแก้ไขเมื่อคลิก การแสดงผลในบล็อกจะอัปเดต |
การป้อนตัวเลข | ตัวแก้ไขข้อความวางซ้อนเหนือการแสดงผลในบล็อก ผู้ใช้สามารถพิมพ์ได้ และเอดิเตอร์อาจเปลี่ยนสีเพื่อระบุค่าที่ไม่ถูกต้อง |
เครื่องมือเลือกมุม | เครื่องมือเลือกมุมมีทั้งโปรแกรมแก้ไขข้อความสำหรับพิมพ์ตัวเลขและโปรแกรมแก้ไขที่ลากได้สำหรับเลือกมุมด้วยภาพ |
โหมดการแสดงผลอื่นๆ
โหมดยุบ: ผู้ใช้ยุบบล็อก บล็อกจะแสดงข้อความแทนค่า โดยใช้ข้อความที่ฟิลด์แต่ละฟิลด์ส่งคืน
โหมดการช่วยเหลือพิเศษ: ผู้ใช้อาจใช้โปรแกรมอ่านหน้าจอหรือเทคโนโลยีที่คล้ายกันเพื่อโต้ตอบกับ Blockly ระบบอาจอ่านข้อความของช่องให้ผู้ใช้ฟัง