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

ข้อมูลการแสดงผลจะกําหนดเลย์เอาต์ที่เลือก
ในขั้นตอนแรกของการแสดงผล ข้อมูลการแสดงผลจะดูคําจํากัดความของบล็อกและการวัดชิ้นภาพ จากนั้นจึงตัดสินใจว่าจะวางบล็อกสี่เหลี่ยมอย่างไร
และจัดระเบียบข้อมูลให้เหมาะสม ข้อมูลจะเปลี่ยนเป็นองค์ประกอบและการเว้นระยะห่างซึ่งไม่ซ้อนทับกัน ซึ่งจัดเป็นแถวที่จะไม่ซ้อนทับกัน และตัวจัดแถว
จากนั้น ลิ้นชักจะใช้ข้อมูลที่จัดระเบียบดังกล่าวเพื่อสร้างเส้นทาง SVG ที่แสดงถึงการบล็อก
เนื้อหาของหน้าเว็บนี้ได้รับอนุญาตภายใต้ใบอนุญาตที่ต้องระบุที่มาของครีเอทีฟคอมมอนส์ 4.0 และตัวอย่างโค้ดได้รับอนุญาตภายใต้ใบอนุญาต Apache 2.0 เว้นแต่จะระบุไว้เป็นอย่างอื่น โปรดดูรายละเอียดที่นโยบายเว็บไซต์ Google Developers Java เป็นเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2023-07-24 UTC
[null,null,["อัปเดตล่าสุด 2023-07-24 UTC"],[[["`RenderInfo` dictates the visual layout of a block's elements, such as inputs, connections, and fields, determining aspects like inline or external input placement."],["It analyzes the block definition and element measurements to establish an optimal layout, organizing the information into elements, spacers, rows, and row spacers for a non-overlapping visual structure."],["This organized layout information is then utilized by the drawer to generate the final SVG paths that visually represent the block."]]],["`RenderInfo` defines a block's visual layout. It analyzes a block's inputs, connections, and fields, considering external or inline input options. It determines the layout, organizing visual components into non-overlapping elements, spacers, rows, and row spacers. This structured information is then passed to the drawer, which generates the SVG paths for the block's visual representation. The core task of the render info is to take visual elements and organize them.\n"]]