調査アンケート: Blockly のご利用体験についてお聞かせください
アンケートを開始
レンダリング情報
RenderInfo
は、ブロックの視覚要素をどのようにレイアウトするかを決定します。
ブロックは常に入力、接続、フィールドで構成されますが、これらはさまざまな方法でレイアウトできます。たとえば、外部入力とインライン入力で同じブロック定義をレンダリングできます。

レンダリング情報によって、どのレイアウトが選択されるかが決まります。
レンダリングの最初のステップとして、レンダリング情報はブロックの定義と、ビジュアル部分の測定値を確認します。その後、ブロックの配置方法を決定し、それに応じて情報を編成します。情報は、重複しない要素とスペーサーに変換されます。これらは、重複しない行と行スペーサーにまとめられます。
次に、ドロワーは、整理されたレイアウト情報を使用して、ブロックを表す SVG パスを作成します。
特に記載のない限り、このページのコンテンツはクリエイティブ・コモンズの表示 4.0 ライセンスにより使用許諾されます。コードサンプルは Apache 2.0 ライセンスにより使用許諾されます。詳しくは、Google Developers サイトのポリシーをご覧ください。Java は Oracle および関連会社の登録商標です。
最終更新日 2023-07-24 UTC。
[null,null,["最終更新日 2023-07-24 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"]]