BlockSvg 클래스
블록의 SVG 표현에 대한 클래스입니다. 일반적으로 직접 호출되지는 않으며 workspace.newBlock()을 사용하는 것이 좋습니다.
서명:
export declare class BlockSvg extends Block implements IASTNodeLocationSvg, IBoundedElement, ICopyable<BlockCopyData>, IDraggable, IDeletable
확장: 차단
구현: IASTNodeLocationSvg, IBoundedElement, ICopyable<BlockCopyData>, IDraggable, IDeletable
생성자
생성자 | 수정자 | 설명 |
---|---|---|
(생성자)(작업공간, 프로토타입 이름, 선택_ID) | BlockSvg 클래스의 새 인스턴스를 생성합니다. |
속성
속성 | 수정자 | 유형 | 설명 |
---|---|---|---|
COLLAPSED_WARNING_ID |
|
(선언되지 않음) | '접힌 경고'를 제공하는 ID 있습니다. '접힌 경고'를 삭제할 수 있습니다. 경고만 반환합니다. |
customContextMenu? | (p1: Array<ContextMenuOption | LegacyContextMenuOption>) => 무효 | (선택사항) | |
분해할까? | (p1: 작업공간) => BlockSvg | (선택사항) | |
높이 | 숫자 | 이 블록의 높이로, 위 또는 아래에 있는 구문 블록을 포함하지 않습니다. 높이는 작업공간 단위입니다. | |
INLINE |
|
(선언되지 않음) | 인라인으로 렌더링될 행을 식별하는 상수입니다. Blockly.inputTypes와 충돌하지 마세요. |
뮤테이터 | MutatorIcon | 없음 | 블록의 변형 아이콘 (있는 경우) | |
nextConnection | RenderedConnection | ||
outputConnection | RenderedConnection | ||
previousConnection | RenderedConnection | ||
렌더링된 | readonly |
(선언되지 않음) | 이 차단은 BlockSVG인가요? |
saveConnections? | (p1: BlockSvg) => 무효 | (선택사항) | |
스타일 | BlockStyle | ||
너비 | 숫자 | 연결된 값 블록을 포함한 이 블록의 너비입니다. 너비는 작업공간 단위 기준입니다. | |
워크스페이스 | WorkspaceSvg |
메서드
메서드 | 수정자 | 설명 |
---|---|---|
addIcon(icon) | ||
addSelect() | 시각적 'select' 실제로 해당 블록을 선택하거나 이벤트를 실행하지는 않습니다. | |
appendInput(input) | ||
bumpNeighbours() | 연결되지 않은 블록이 정렬되어 있지 않습니다. 실제로 연결되지 않은 두 블록이 화면에 우연히 정렬되어 있지 않아야 합니다. 최종 사용자가 혼란을 야기할 수 있기 때문입니다. |
|
checkAndDelete() | 이때 블록을 삭제하고 chaff를 숨깁니다. 블록이 플라이아웃에 있는 경우 블록은 삭제되지 않습니다. 컨텍스트 메뉴와 단축키에서 전체 삭제 작업으로 호출됩니다. 작업공간에서 블록을 폐기하고 플라이아웃 검사를 실행하거나 이벤트 그룹화를 처리하거나 채프를 숨길 필요가 없다면 block.dispose() 를 직접 사용하세요. |
|
dispose(healStack, animate) | 이 블록을 삭제합니다. | |
disposeInternal() | 상단 블록에서 요구하는 작업을 실행하지 않고 이 블록을 삭제합니다. 예: UI 효과를 트리거하거나 노드를 삭제하는 등의 작업을 수행합니다. | |
drag(newLoc, e) | 블록을 지정된 위치로 드래그합니다. | |
endDrag(e) | 블록에서 드래그를 종료합니다. | |
generateContextMenu() | protected |
이 블록에 대한 컨텍스트 메뉴를 생성합니다. |
getBoundingRectangle() | 이 블록 및 블록 아래에 스택된 모든 블록의 크기를 설명하는 경계 상자의 좌표를 반환합니다. 좌표계: 작업공간 좌표 | |
getChildren(ordered) | 이 블록 내부에 직접 중첩된 모든 블록을 찾습니다. 값 및 문 입력과 그 뒤에 오는 문을 포함합니다. 출력 탭 또는 이전 문의 모든 연결은 제외됩니다. 블록은 위치를 기준으로 선택적으로 정렬됩니다. 살펴보겠습니다. | |
getColour() | 블록의 색상을 구합니다. | |
getColourSecondary() | 블록의 보조 색상을 가져옵니다. | |
getColourTertiary() | 블록의 3차 색상을 가져옵니다. | |
getNextBlock() | 이 블록에 직접 연결된 다음 문 블록을 반환합니다. | |
getPreviousBlock() | 이전 연결에 연결된 블록을 반환합니다. | |
getRelativeToSurfaceXY() | 그리기 표면의 원점(0,0)을 기준으로 이 블록의 왼쪽 상단 모서리 좌표를 반환합니다(작업공간 단위로). 블록이 작업 영역에 있는 경우 (0, 0)은 작업공간 좌표계의 원점입니다. 이는 작업공간 규모와 함께 변경되지 않습니다. | |
getSvgRoot() | SVG의 루트 노드를 반환하거나, 루트 노드가 없는 경우 null을 반환합니다. | |
initSvg() | 블록의 SVG 표현을 만들고 초기화합니다. 두 번 이상 호출할 수 있습니다. | |
isMovable() | 이 블록을 이동할 수 있는지 여부를 반환합니다. | |
markDirty() | 필드를 더티로 표시하려면 이 블록의 모든 입력을 알립니다. 더티 필드는 다시 렌더링해야 하는 필드입니다. | |
moveBy(dx, dy, reason) | 상대 오프셋으로 블록을 이동합니다. | |
moveNumberedInputBefore(inputIndex, refIndex) | 번호가 매겨진 입력을 이 블록의 다른 위치로 이동합니다. | |
moveTo(xy, 이유) | 블록을 위치로 이동합니다. | |
removeIcon(type) | ||
removeInput(name, opt_quiet) | 이 블록에서 입력을 삭제합니다. | |
removeSelect() | 시각적 '선택'을 삭제합니다. 효과를 발생시키지만, 실제로 이를 선택 해제하거나 이벤트를 실행하지는 않습니다. | |
render() | 콘텐츠와 설정에 따라 블록을 즉시 배치하고 리플로우합니다. | |
revertDrag() | 드래그를 시작했던 위치로 블록을 다시 이동합니다. | |
scheduleSnapAndBump() | 그리드에 맞추기, 다음 렌더링이 끝날 때 인접 블록을 범프합니다. | |
select() | 이 블록을 선택합니다. 블록을 시각적으로 강조표시합니다. | |
setCollapsed(collapsed) | 블록의 접힘 여부를 설정합니다. | |
setColour(colour) | 블록의 색상 변경 | |
setDisabledReason(disabled, reason) | 차단이 사용 중지되는 이유를 추가하거나 삭제합니다. 차단해야 할 이유가 있을 경우 차단 자체는 사용 중지된 것으로 간주됩니다. 차단은 사용자가 수동으로 사용 중지하거나 차단이 유효하지 않은 경우 등 여러 가지 이유로 동시에 사용 중지될 수 있습니다. | |
setDragStrategy(dragStrategy) | 이 블록의 드래그 전략을 설정합니다. | |
setEditable(editable) | 이 블록의 수정 가능 여부를 설정합니다. | |
setEnabled(enabled) | ||
setHighlighted(highlighted) | 블록을 강조표시할지 여부를 설정합니다. 블록 강조표시는 현재 실행 중인 블록을 시각적으로 표시하는 데 자주 사용됩니다. | |
setInputsInline(newBoolean) | 값 입력을 가로 또는 세로로 정렬할지 설정합니다. | |
setMovable(movable) | 이 블록을 이동할 수 있는지 여부를 설정합니다. | |
setMutator(mutator) | 이 블록에 뮤테이터 대화상자를 제공합니다. | |
setNextStatement(newBoolean, opt_check) | 다른 블록을 이 블록 하단에 연결할 수 있는지 여부를 설정합니다. | |
setOutput(newBoolean, opt_check) | 이 블록에서 값을 반환할지 여부를 설정합니다. | |
setPreviousStatement(newBoolean, opt_check) | 이 블록을 다른 블록의 하단에 연결할 수 있는지 여부를 설정합니다. | |
setStyle(blockStyleName) | 블록의 스타일 및 색상 값을 설정합니다. | |
setWarningText(text, id) | 이 블록의 경고 텍스트를 설정합니다. | |
snapToGrid() | 이 블록을 가장 가까운 그리드 포인트에 맞춥니다. | |
startDrag(e) | 블록에서 드래그를 시작합니다. | |
tab(시작, 앞으로) | 다음 또는 이전 FieldTextInput을 엽니다. | |
toCopyData() | 복사할 블록을 인코딩합니다. | |
toFlyoutInfo() | 플라이아웃에 표시할 수 있는 이 블록의 표현을 반환합니다. | |
translate(x, y) | 블록의 SVG에 대한 변환 속성에 변환을 설정하여 블록을 변환합니다. | |
선택 취소 | 이 블록을 선택 해제합니다. 블록 V를 시각적으로 강조 표시합니다. | |
updateMarkers_() | protected |
필요한 경우 연결된 마커 또는 커서 SVG를 다시 그립니다. |