blockly > BlockSvg

BlockSvg 클래스

블록의 SVG 표현에 대한 클래스입니다. 일반적으로 직접 호출되지 않으며 workspace.newBlock()을 사용하는 것이 좋습니다.

Signature:

export declare class BlockSvg extends Block implements IASTNodeLocationSvg, IBoundedElement, ICopyable<BlockCopyData>, IDraggable

확장: 차단

구현: IASTNodeLocationSvg, IBoundedElement, ICopyable<BlockCopyData>, IDraggable

생성자

생성자 수정자 설명
(생성자)(작업공간, 프로토타입 이름, Opt_id) BlockSvg 클래스의 새 인스턴스를 구성합니다.

속성

속성 수정자 유형 설명
COLLAPSED_WARNING_ID

static

readonly

 (선언되지 않음) ID: '접힌 경고' 경고를 표시합니다. 블록에 속한 경고를 삭제하지 않고 '접힌 경고' 경고를 삭제할 수 있습니다.
customContextMenu를 사용하나요? (p1: Array<ContextMenuOption | LegacyContextMenuOption>) => void (선택사항)
어떻게 해야 할까요? (p1: 작업공간) => BlockSvg (선택사항)
높이 숫자 이 블록의 높이로, 위나 아래의 문 블록을 포함하지 않습니다. 높이는 작업공간 단위로 표시됩니다.
인라인

static

readonly

 (선언되지 않음) 인라인으로 렌더링될 행을 식별하는 상수입니다. Blockly.inputTypes와 충돌하지 않습니다.
뮤테이터 MutatorIcon | null 차단의 뮤테이터 아이콘 (있는 경우)
nextConnection RenderedConnection
outputConnection RenderedConnection
previousConnection RenderedConnection
렌더링됨 boolean
saveConnections는 어떤가요? (p1: BlockSvg) => void (선택사항)
스타일 BlockStyle
경고 WarningIcon | null 차단의 경고 아이콘 (있는 경우)
너비 숫자 연결된 값 블록을 포함한 이 블록의 너비입니다. 너비는 작업공간 단위입니다.
워크스페이스 WorkspaceSvg

방법

메서드 수정자 설명
addIcon(icon)
addSelect() 블록에 시각적 '선택' 효과를 추가하지만 실제로 블록을 선택하거나 이벤트를 실행하지는 않습니다.
appendInput(input)
bumpNeighbours()

연결되지 않은 블록이 정렬되지 않은 곳에 표시됩니다.

실제로 연결되지 않은 두 블록이 화면에 동시에 정렬되면 최종 사용자에게 혼란을 줄 수 있습니다.
checkAndDelete() 이 작업을 수행할 때 블록을 삭제하고 chaff를 숨깁니다. 플라이아웃에 있는 경우 블록이 삭제되지 않습니다. 컨텍스트 메뉴와 단축키를 사용하여 전체 삭제 작업으로 호출됩니다. 작업공간에서 블록을 폐기하고 플라이아웃 검사를 실행하거나 이벤트 그룹화를 처리하거나 chaff를 숨길 필요가 없는 경우 block.dispose()를 직접 사용합니다.
dispose(healStack, animate) 이 블록을 폐기합니다.
disposeInternal() 최상위 블록에서 요구하는 작업을 실행하지 않고 이 블록을 삭제합니다. 예를 들어 UI 효과를 트리거하거나 노드를 삭제하는 등의 작업을 합니다.
generateContextMenu() protected 이 블록의 컨텍스트 메뉴를 생성합니다.
getBoundingRectangle() 이 블록의 크기와 블록 아래에 쌓인 모든 블록을 설명하는 경계 상자의 좌표를 반환합니다. 좌표계: 작업공간 좌표입니다.
getChildren(ordered) 이 블록 내에 직접 중첩된 모든 블록을 찾습니다. 값 및 설명 입력과 다음 문이 포함됩니다. 출력 탭 또는 이전 구문의 모든 연결은 제외됩니다. 원하는 경우 블록은 위치에 따라 위에서 아래로 정렬됩니다.
getColour() 블록 색상을 가져옵니다.
getColourSecondary() 블록의 보조 색상을 가져옵니다.
getColourTertiary() 블록의 3차 색상을 가져옵니다.
getCommentIcon() 이 블록에 연결된 댓글 아이콘을 가져오거나 블록에 주석이 없는 경우 null을 가져옵니다.
getNextBlock() 이 블록에 직접 연결된 다음 문 블록을 반환합니다.
getPreviousBlock() 이전 연결에 연결된 블록을 반환합니다.
getRelativeToSurfaceXY() 그리기 표면의 원점 (0,0)을 기준으로 이 블록의 왼쪽 상단 모서리의 좌표를 작업공간 단위로 반환합니다. 블록이 작업공간에 있는 경우 (0, 0)은 작업공간 좌표계의 원점입니다. 이는 작업공간 확장 시에는 변하지 않습니다.
getSvgRoot() SVG의 루트 노드를 반환하거나 존재하지 않는 경우 null을 반환합니다.
initSvg()를 사용합니다. 블록의 SVG 표현을 만들고 초기화합니다. 두 번 이상 호출될 수 있습니다.
markDirty() 이 블록의 모든 입력에 알림을 보내 해당 필드를 더티로 표시합니다. 더티 필드는 다시 렌더링해야 하는 필드입니다.
moveBy(dx, dy, reason) 상대 오프셋으로 블록을 이동합니다.
moveNumberedInputBefore(inputIndex, refIndex) 번호가 매겨진 입력을 이 블록의 다른 위치로 이동합니다.
moveTo(xy, reason) 블록을 위치로 이동합니다.
removeIcon(type)
removeInput(name, opt_quiet) 이 블록에서 입력을 삭제합니다.
removeSelect() 블록에서 시각적 '선택' 효과를 삭제하지만 실제로 선택 해제하거나 이벤트를 실행하지는 않습니다.
렌더링() 콘텐츠와 설정에 따라 블록을 즉시 배치하고 리플로우합니다.
select() 이 블록을 선택합니다. 블록을 시각적으로 강조표시하고 블록이 아직 선택되지 않은 경우 선택 이벤트를 실행합니다.
setCollapsed(collapsed) 블록의 축소 여부를 설정합니다.
setColour(colour) 블록의 색상을 변경합니다.
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() 이 블록을 가장 가까운 그리드 포인트에 스냅합니다.
탭(시작, 전달) 다음 (또는 이전) FieldTextInput을 엽니다.
toCopyData() 복사할 블록을 인코딩합니다.
translate(x, y) 블록 SVG의 변환 속성에 변환을 설정하여 블록을 변환합니다.
선택 해제() 이 블록을 선택 해제합니다. 블록의 강조 표시를 해제하고 블록이 현재 선택된 경우 select (false) 이벤트를 실행합니다.
updateMarkers_() protected 필요한 경우 연결된 마커 또는 커서 SVG를 다시 그립니다.