연구 설문조사: Blockly 사용 경험을 알려주세요
설문조사 시작
렌더링 정보
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
RenderInfo
는 블록의 시각적 요소가 배치되는 방식을 결정합니다.
블록은 항상 입력, 연결, 필드로 구성되지만 다양한 방식으로 배치할 수 있습니다. 예를 들어 동일한 블록 정의는 인라인 입력 또는 외부 입력으로 렌더링할 수 있습니다.

렌더링 정보에 따라 선택되는 레이아웃이 결정됩니다.
렌더링의 첫 번째 단계로 렌더링 정보는 블록의 정의와 시각적 요소의 측정값을 확인합니다. 그런 다음 블록의 레이아웃을 결정하고 그에 따라 정보를 구성합니다. 정보는 중복되지 않는 요소 및 스페이서로 변환되며, 이는 중복되지 않는 행 및 행 스페이서로 구성됩니다.
그런 다음 drawer는 정리된 레이아웃 정보를 사용하여 블록을 나타내는 SVG 경로를 만듭니다.
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2025-04-14(UTC)
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2025-04-14(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"]]