Encuesta de investigación: Cuéntanos sobre tu experiencia con Blockly
Comenzar encuesta
Información de renderización
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
El RenderInfo
determina cómo se organizan los elementos visuales de un bloque.
Un bloque siempre se compila a partir de entradas, conexiones y campos, pero estos se pueden distribuir de muchas maneras diferentes. Por ejemplo, la misma definición de bloque se puede renderizar con entradas intercaladas o entradas externas.

La información de renderización determina qué diseño se elige.
Como primer paso de la renderización, la información de renderización analiza la definición del bloque y las mediciones de sus elementos visuales. Luego, decide cómo debe organizarse el bloque y organiza la información según corresponda. La información se convierte en elementos y espacios que no se superponen, que se organizan en filas que no se superponen y espacios entre filas.
Luego, el cajón usa esa información de diseño organizada para crear las rutas de SVG que representan el bloque.
Salvo que se indique lo contrario, el contenido de esta página está sujeto a la licencia Atribución 4.0 de Creative Commons, y los ejemplos de código están sujetos a la licencia Apache 2.0. Para obtener más información, consulta las políticas del sitio de Google Developers. Java es una marca registrada de Oracle o sus afiliados.
Última actualización: 2025-07-25 (UTC)
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 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"]]