blockly > blockRendering > 창
blockRendering.Drawer 클래스
지정된 렌더링 정보를 기반으로 블록을 그리는 객체입니다.
Signature:
export declare class Drawer
생성자
| 생성자 | 수정자 | 설명 |
|---|---|---|
| (생성자)(블록, 정보) | Drawer 클래스의 새 인스턴스를 구성합니다. |
속성
| 속성 | 수정자 | 유형 | 설명 |
|---|---|---|---|
| block_ | BlockSvg | ||
| constants_ | protected |
ConstantProvider | |
| info_ | RenderInfo | ||
| inlinePath_ | string | ||
| outlinePath_ | string | ||
| topLeft_ | 좌표 |
방법
| 메서드 | 수정자 | 설명 |
|---|---|---|
| draw() | 작업공간에 블록을 그립니다. 여기서 '그리기'는 SVG 경로 요소를 설정하고 화면에서 필드, 아이콘, 연결을 이동하는 것을 의미합니다. 경로의 조각이 'steps'의 배열로 푸시된 다음 공백과 합쳐지고 블록에 직접 설정됩니다. 이렇게 하면 가독성 향상을 위해 단계가 공백으로 구분되지만 필수는 아닙니다. |
|
| drawBottom_() | protected |
블록 하단 가장자리에 다음 연결을 위한 노치를 포함하여 계단을 추가합니다. |
| drawConnectionHighlightPath(measurable) | 지정된 연결을 강조 표시하는 경로를 반환합니다. | |
| drawInlineInput_(input) | protected |
인라인 입력을 위한 단계를 추가합니다. |
| drawInternals_() | protected |
인라인 입력, 필드, 아이콘 등 블록의 내부 요소를 그립니다. 이러한 매개변수는 게재위치의 외부 경로에 의존하지 않습니다. |
| drawJaggedEdge_(row) | protected |
접힌 블록에서 행의 들쭉날쭉한 가장자리에 계단을 추가합니다. |
| drawLeft_() | protected |
블록 왼쪽에 단계를 추가합니다. 여기에는 출력 연결이 포함될 수 있습니다. |
| drawOutline_() | protected |
블록의 윤곽선을 그립니다. 이는 하나의 연속적인 경로입니다. |
| drawRightSideRow_(row) | protected |
값 또는 문 입력 연결이 없는 행의 오른쪽에 단계를 추가합니다. |
| drawStatementInput_(row) | protected |
문 입력에 단계를 추가합니다. |
| drawTop_() | protected |
모자 및 둥근 모서리와 같은 세부사항을 고려하여 블록의 상단 모서리에 계단을 추가합니다. |
| drawValueInput_(row) | protected |
블록 측면에 노치로 렌더링된 외부 값 입력에 대한 단계를 추가합니다. |
| hideHiddenIcons_() | protected |
숨김으로 표시된 아이콘을 숨깁니다. |
| layoutField_(fieldInfo) | protected |
필드 또는 아이콘의 새 위치를 SVG 루트에 푸시합니다. |
| positionExternalValueConnection_(row) | protected |
RTL, 그리고 상위 블록의 다크 경로가 표시될 수 있는 상위 블록과 하위 블록 사이의 작은 간격을 고려하여 외부 값 입력에 연결을 배치합니다. |
| positionInlineInputConnection_(input) | protected |
RTL, 그리고 상위 블록의 어두운 경로가 보이도록 상위 블록과 하위 블록 사이의 작은 간격을 고려하여 인라인 값 입력에 연결을 배치합니다. |
| positionNextConnection_() | protected |
다음 연결을 블록에 배치합니다. |
| positionOutputConnection_() | protected |
출력 연결을 블록에 배치합니다. |
| positionPreviousConnection_() | protected |
이전 연결을 블록에 배치합니다. |
| positionStatementInputConnection_(row) | protected |
RTL, 그리고 상위 블록의 다크 경로가 표시될 수 있는 상위 블록과 하위 블록 사이의 작은 간격을 고려하여 문 입력에 연결을 배치합니다. |
| recordSizeOnBlock_() | protected |
크기 조정 정보를 블록에 다시 저장합니다. 대부분의 렌더링 정보는 렌더링이 끝날 때 삭제될 수 있습니다. 유지해야 하는 것은 이 함수에서 설정해야 합니다. |
| updateConnectionHighlights() | protected |
블록에서 강조 표시된 연결을 반영하도록 경로 객체를 업데이트합니다. |