Éléments
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Lors de la mesure, le bloc est divisé en lignes contenant des éléments qui ne se chevauchent pas et des espaces d'éléments.
Éléments
Les éléments représentent des éléments visuels sur un bloc. Voici quelques exemples:
- Champs
- Icônes
- Connexions
- Angles
Chaque élément est un rectangle qui définit les limites de l'élément visuel, ainsi que des données supplémentaires spécifiques à chaque type d'élément.
Les limites de l'élément sont généralement déterminées par une classe externe (c'est-à-dire la chose qu'elles représentent). Par exemple, les éléments de champ représentent des champs, et leur taille est déterminée par la méthode getSize
du champ.
Entretoise d'élément
Une espace entre éléments est un espace vide qui sépare les éléments d'une ligne.
Les limites des espaces sont déterminées par les informations de rendu lors de la mesure. Après avoir mesuré tous les éléments du bloc, les informations de rendu insèrent des espaces de la taille choisie entre les éléments. Les tailles n'ont pas besoin d'être cohérentes. Elles sont souvent différentes en fonction des éléments situés de chaque côté de l'espace vide.
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2025/07/25 (UTC).
[null,null,["Dernière mise à jour le 2025/07/25 (UTC)."],[[["\u003cp\u003eDuring the measurement phase, a block is deconstructed into rows comprising elements and element spacers for rendering purposes.\u003c/p\u003e\n"],["\u003cp\u003eElements represent the visual components of a block, including fields, icons, connections, and corners, with their size usually determined by the element they represent.\u003c/p\u003e\n"],["\u003cp\u003eElement spacers are empty spaces inserted between elements to control the spacing and visual layout of the block.\u003c/p\u003e\n"]]],["During the measurement phase, blocks are divided into rows with elements and spacers. Elements, such as fields, icons, connections, and corners, are represented by rectangles with specific data. Their sizes are dictated by external classes, like a field's `getSize` method. Element spacers are empty spaces inserted between elements by the render info, with varying sizes based on the adjacent elements. The render info determines spacer sizes after measuring all block elements.\n"],null,["# Elements\n\nDuring [measurement](/blockly/guides/create-custom-blocks/renderers/concepts/info) the block gets broken up into [rows](/blockly/guides/create-custom-blocks/renderers/concepts/rows)\ncontaining non-overlapping elements and element spacers.\n\nElements\n--------\n\nElements represent visual things on a block. Examples include elements\nrepresenting:\n\n- Fields\n- Icons\n- Connections\n- Corners\n\nEach element is a rectangle defining the bounds of the visual thing, plus some\nextra data specific to each kind of element.\n\nThe bounds of the element are usually determined by some external class\n(that is, the thing they represent). For example,\n[field elements](/blockly/reference/js/blockly.blockrendering_namespace.field_class) represent fields, and their size is determined\nby the field's [`getSize`](/blockly/reference/js/blockly.field_class.getsize_1_method) method.\n\nElement spacer\n--------------\n\nAn element spacer is an empty space that goes between elements in a row.\n\nThe bounds of spacers are determined by the [render info](/blockly/guides/create-custom-blocks/renderers/concepts/info) during\nmeasurement. After measuring all of the elements of the block, the\n[render info](/blockly/guides/create-custom-blocks/renderers/concepts/info) inserts spaces of its chosen size between\nthe elements. The sizes don't have to be consistent; they are often different\ndepending on the elements to either side of the spacer."]]