Rangées
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Les blocs sont définis comme un ensemble d'entrées, mais les informations de rendu déterminent la manière dont ces entrées sont divisées en lignes et en lignes d'espacement.
Par exemple, lorsqu'un bloc est défini sur des entrées intégrées, il comporte moins de lignes que s'il est défini sur entrées externes. Il a le même nombre d'entrées,
mais un nombre différent de lignes !
Ligne
Un Row est un ensemble horizontal d'éléments et d'entretoises qui ne se chevauchent pas.
Les limites d'une ligne sont déterminées par les limites des éléments et des espaces vides appartenant à cette ligne, de sorte que tous les éléments soient contenus.
Espace entre deux lignes
Un RowSpacer est un espace vertical vide entre deux lignes.
Les limites des espaces entre les lignes sont déterminées par les informations de rendu elles-mêmes. Après avoir mesuré toutes les lignes du bloc, les informations de rendu insèrent des espaces de la taille choisie entre les lignes.
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\u003eBlocks are visually arranged using rows and spacers, determined by render info, affecting the block's layout regardless of the number of inputs.\u003c/p\u003e\n"],["\u003cp\u003eRows are horizontal groupings of elements and spacers, with their size determined by the contained elements.\u003c/p\u003e\n"],["\u003cp\u003eRow spacers are vertical gaps between rows, with their size dictated by the render info to manage the overall block layout.\u003c/p\u003e\n"]]],["Blocks contain inputs, and their visual layout depends on the render info, which structures inputs into rows and spacer rows. Inline inputs create blocks with fewer rows than external inputs, despite having the same number of inputs. A Row consists of elements and element spacers, with its boundaries defined by these components. RowSpacers are empty spaces between rows; the render info determines their size and placement between rows.\n"],null,["# Rows\n\nBlocks are defined as a collection of inputs, but the [render info](/blockly/guides/create-custom-blocks/renderers/concepts/info)\ndetermines how these inputs get broken up into rows and spacer rows.\n\nFor example, when a block is set to [inline inputs](/blockly/guides/create-custom-blocks/define/inline-vs-external),\nthe block is made of fewer rows than when it is set to\n[external inputs](/blockly/guides/create-custom-blocks/define/inline-vs-external). It has the same number of inputs but\na different number of rows!\n\nRow\n---\n\nA [`Row`](/blockly/reference/js/blockly.blockrendering_namespace.row_class) is a horizontal collection of non-overlapping [elements](/blockly/guides/create-custom-blocks/renderers/concepts/elements)\nand [element spacers](/blockly/guides/create-custom-blocks/renderers/concepts/elements#element_spacer).\n\nThe bounds of a row are determined by the bounds of the [elements](/blockly/guides/create-custom-blocks/renderers/concepts/elements) and\n[spacers](/blockly/guides/create-custom-blocks/renderers/concepts/elements#element_spacer) that belong to that row, so that all of the elements\nare contained.\n\nRow spacer\n----------\n\nA [`RowSpacer`](/blockly/reference/js/blockly.blockrendering_namespace.spacerrow_class) is an empty vertical space that goes between two\nrows.\n\nThe bounds of the row spacers are determined by the\n[render info](/blockly/guides/create-custom-blocks/renderers/concepts/info) itself. After measuring all of the rows of the block,\nthe [render info](/blockly/guides/create-custom-blocks/renderers/concepts/info) inserts spaces of its chosen size between rows."]]
