Survei Riset: Ceritakan pengalaman Anda dengan Blockly
Mulai survei
Merender info
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
RenderInfo menentukan cara elemen visual blok
ditata.
Blok selalu dibuat dari input, koneksi, dan kolom, tetapi blok tersebut
dapat disusun dengan berbagai cara. Misalnya, definisi blok yang sama
dapat dirender dengan input inline atau input eksternal.
Info render menentukan tata letak yang dipilih.
Sebagai langkah pertama rendering, info render melihat definisi blok,
dan pengukuran bagian visualnya. Kemudian, ia memutuskan cara blok
ditata, dan mengatur informasi yang sesuai. Informasi tersebut
diubah menjadi elemen dan pemisah yang tidak tumpang-tindih,
yang diatur ke dalam baris yang tidak tumpang-tindih, dan
pemisah baris.
Kemudian, panel samping menggunakan informasi tata letak yang diatur tersebut untuk membuat
jalur SVG yang mewakili blok.
Kecuali dinyatakan lain, konten di halaman ini dilisensikan berdasarkan Lisensi Creative Commons Attribution 4.0, sedangkan contoh kode dilisensikan berdasarkan Lisensi Apache 2.0. Untuk mengetahui informasi selengkapnya, lihat Kebijakan Situs Google Developers. Java adalah merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2025-07-25 UTC.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2025-07-25 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"]]
