แบบสำรวจการวิจัย: บอกให้เราทราบเกี่ยวกับประสบการณ์การใช้งาน Blockly
เริ่มแบบสำรวจ
ข้อมูลการแสดงภาพ
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
RenderInfo จะกำหนดวิธีจัดวางองค์ประกอบภาพบล็อก
บล็อกสร้างขึ้นจากอินพุต การเชื่อมต่อ และช่องเสมอ แต่สามารถวางผังได้หลายวิธี เช่น การกำหนดบล็อกเดียวกันอาจแสดงผลด้วยอินพุตในบรรทัดหรืออินพุตภายนอก
ข้อมูลการแสดงผลจะกําหนดว่าจะใช้เลย์เอาต์ใด
ข้อมูลการแสดงผลจะดูที่คำจำกัดความของบล็อกและการวัดชิ้นงานภาพเป็นขั้นตอนแรกของการแสดงผล จากนั้นระบบจะตัดสินใจว่าควรจัดวางบล็อกอย่างไร และจัดระเบียบข้อมูลให้สอดคล้องกัน ระบบจะเปลี่ยนข้อมูลเป็นองค์ประกอบและตัวเว้นวรรคที่ไม่ทับซ้อนกัน ซึ่งจัดเรียงเป็นแถวที่ไม่ทับซ้อนกันและตัวเว้นวรรคแถว
จากนั้นลิ้นชักจะใช้ข้อมูลเลย์เอาต์ที่จัดระเบียบเพื่อสร้างเส้นทาง SVG ที่แสดงบล็อก
เนื้อหาของหน้าเว็บนี้ได้รับอนุญาตภายใต้ใบอนุญาตที่ต้องระบุที่มาของครีเอทีฟคอมมอนส์ 4.0 และตัวอย่างโค้ดได้รับอนุญาตภายใต้ใบอนุญาต Apache 2.0 เว้นแต่จะระบุไว้เป็นอย่างอื่น โปรดดูรายละเอียดที่นโยบายเว็บไซต์ Google Developers Java เป็นเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2025-04-14 UTC
[[["เข้าใจง่าย","easyToUnderstand","thumb-up"],["แก้ปัญหาของฉันได้","solvedMyProblem","thumb-up"],["อื่นๆ","otherUp","thumb-up"]],[["ไม่มีข้อมูลที่ฉันต้องการ","missingTheInformationINeed","thumb-down"],["ซับซ้อนเกินไป/มีหลายขั้นตอนมากเกินไป","tooComplicatedTooManySteps","thumb-down"],["ล้าสมัย","outOfDate","thumb-down"],["ปัญหาเกี่ยวกับการแปล","translationIssue","thumb-down"],["ตัวอย่าง/ปัญหาเกี่ยวกับโค้ด","samplesCodeIssue","thumb-down"],["อื่นๆ","otherDown","thumb-down"]],["อัปเดตล่าสุด 2025-04-14 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"]]
