블록리 패키지
클래스
클래스 | 설명 |
---|---|
ASTNode | AST 노드의 클래스입니다. 노드를 직접 만드는 대신 createNode 메서드 중 하나를 사용하는 것이 좋습니다. |
BasicCursor | 기본 커서의 클래스입니다. 이렇게 하면 다음 또는 이전 버튼을 눌러 AST의 모든 노드로 이동할 수 있습니다. |
차단 | 블록 1개의 클래스입니다. 일반적으로 직접 호출되지 않으므로 workspace.newBlock()을 사용하는 것이 좋습니다. |
BlockSvg | 블록의 SVG 표현에 대한 클래스입니다. 일반적으로 직접 호출되지 않으므로 workspace.newBlock()을 사용하는 것이 좋습니다. |
CodeGenerator | 블록을 언어로 번역하는 코드 생성기의 클래스입니다. |
CollapsibleToolboxCategory | 도구상자에서 축소할 수 있는 카테고리의 클래스입니다. |
ComponentManager | 작업공간에 등록된 모든 항목의 관리자입니다. |
연결 | 블록 간 연결을 위한 클래스입니다. |
ConnectionChecker | 연결 유형 확인 로직의 클래스입니다. |
ConnectionDB | 연결 데이터베이스입니다. 연결은 수직 구성요소 순으로 저장됩니다. 이런 식으로 한 지역에서의 연결들을 바이너리 검색을 사용하여 신속하게 조회할 수 있습니다. |
ContextMenuRegistry | 컨텍스트 메뉴 항목의 레지스트리에 대한 클래스입니다. 싱글톤으로 의도되었습니다. 새 인스턴스를 만들어서는 안 되며 ContextMenuRegistry.registry에서만 이 클래스에 액세스해야 합니다. |
Cursor | 커서의 클래스입니다. 커서로 사용자가 Blockly AST를 탐색하는 방식을 제어합니다. |
DeleteArea | 위에 놓인 블록이나 도움말 풍선을 삭제할 수 있는 구성요소의 추상 클래스입니다. |
DragTarget | 블록이나 도움말 풍선을 그 위로 드래그하거나 드롭할 때 맞춤 동작이 있는 구성요소의 추상 클래스입니다. |
FieldCheckbox | 체크박스 필드의 클래스입니다. |
FieldDropdown | 수정 가능한 드롭다운 필드의 클래스입니다. |
FieldImage | 블록의 이미지의 클래스입니다. |
FieldLabel | 수정 가능하고 직렬화할 수 없는 텍스트 필드의 클래스입니다. |
FieldLabelSerializable | 수정할 수 없고 직렬화할 수 있는 텍스트 필드의 클래스입니다. |
FieldNumber | 편집 가능한 숫자 필드의 클래스입니다. |
FieldTextInput | 편집 가능한 텍스트 필드의 클래스입니다. |
FieldVariable | 변수의 드롭다운 필드의 클래스입니다. |
FlyoutButton | 플라이아웃에 있는 버튼 또는 라벨의 클래스입니다. |
FlyoutMetricsManager | 플라이아웃 작업공간의 측정항목을 계산합니다. 측정항목은 주로 플라이아웃의 스크롤바 크기를 조정하는 데 사용됩니다. |
동작 | 한 동작의 클래스입니다. |
그리드 | 작업공간의 그리드의 클래스입니다. |
HorizontalFlyout | 플라이아웃을 위한 클래스입니다. |
입력 | 선택적 필드가 있는 입력의 클래스입니다. |
InsertionMarkerManager | 드래그 도중 연결 업데이트를 제어하는 클래스입니다. 이 클래스는 주로 가장 가까운 대상 연결을 찾고 드래그 중에 필요에 따라 이를 강조 표시하거나 강조 표시를 해제하는 역할을 합니다. |
InsertionMarkerPreviewer | |
Marker | 마커의 클래스입니다. 키보드 탐색에서 Blockly AST에 위치를 저장하는 데 사용됩니다. |
MarkerManager | 작업공간의 여러 마커와 커서를 관리하는 클래스입니다. |
메뉴 | 기본 메뉴 클래스 |
MenuItem | 메뉴의 항목을 나타내는 클래스입니다. |
MetricsManager | 모든 작업공간 측정항목 계산을 담당하는 관리자입니다. |
이름 | 항목 이름 (변수, 절차 등)의 데이터베이스의 클래스입니다. |
옵션 | 동작이 지정되지 않은 경우 합당한 기본값을 사용하여 사용자 지정 옵션을 파싱합니다. |
RenderedConnection | 화면에서 렌더링될 수 있는 블록 간의 연결을 위한 클래스입니다. |
스크롤바 | 순수 SVG 스크롤바의 클래스입니다. 이 기법은 작동이 보장되지만, 시스템의 스크롤바처럼 보이거나 동작하지 않을 수 있는 스크롤바를 제공합니다. |
ScrollbarPair | 한 쌍의 스크롤바의 클래스입니다. 가로 및 세로. |
ShortcutRegistry | 단축키 레지스트리의 클래스입니다. 싱글톤으로 의도되었습니다. 새 인스턴스를 만들어서는 안 되며 ShortcutRegistry.registry에서만 이 클래스에 액세스할 수 있습니다. |
TabNavigateCursor | 탭으로 이동할 수 있는 필드 사이를 이동하기 위한 커서입니다. |
테마 | 테마 클래스입니다. |
ThemeManager | 작업공간의 테마와 UI 구성요소를 저장하고 업데이트하기 위한 클래스입니다. |
도구 상자 | 도구 상자의 클래스입니다. 도구 상자의 DOM을 만듭니다. |
ToolboxCategory | 도구 상자의 카테고리 클래스입니다. |
ToolboxItem | 도구 상자에 있는 항목의 클래스입니다. |
ToolboxSeparator | 도구 상자 구분자의 클래스입니다. 도구 상자에 표시되는 얇은 시각적 선입니다. 이 항목은 상호작용할 수 없습니다. |
휴지통 | 휴지통 수업입니다. |
UnattachedFieldError | 필드가 실제로 해당 블록에 연결되기 전에 필드가 블록 또는 블록에 대한 정보에 액세스하려고 시도하는 오류를 나타냅니다. |
VariableMap | 변수 맵의 클래스입니다. 여기에는 변수 유형을 키로, 변수 목록을 값으로 사용하는 사전 데이터 구조가 포함되어 있습니다. 변수 목록은 키가 나타내는 유형입니다. |
VariableModel | 변수 모델의 클래스입니다. 이름, ID, 유형 등 변수 정보를 포함합니다. |
VerticalFlyout | 플라이아웃을 위한 클래스입니다. |
Workspace | 워크스페이스의 클래스입니다. 블록이 포함된 데이터 구조입니다. UI가 없으며 헤드리스로 만들 수 있습니다. |
WorkspaceAudio | 작업 영역에서 오디오를 로드, 저장 및 재생하는 클래스입니다. |
WorkspaceDragger | 작업공간 드래그거의 클래스입니다. 마우스나 터치로 드래그하는 경우 작업공간이 이동합니다. |
WorkspaceSvg | 워크스페이스의 클래스입니다. 화면 영역이며 휴지통, 스크롤바, 풍선, 드래그(선택사항)를 사용할 수 있습니다. |
ZoomControls | 확대/축소 컨트롤의 클래스입니다. |
추상 클래스
추상 클래스 | 설명 |
---|---|
필드 | 수정 가능한 필드의 추상 클래스입니다. |
플라이아웃 | 플라이아웃을 위한 클래스입니다. |
열거형
열거 | 설명 |
---|---|
ConnectionType | 연결 또는 입력 유형의 열거형입니다. |
함수
함수 | 설명 |
---|---|
hasBubble(obj) | 지정된 객체가 IHasBubble인지 확인하는 유형 가드입니다. |
hideChaff(opt_onlyClosePopups) | 도움말, 컨텍스트 메뉴, 드롭다운 선택 항목 등을 닫습니다. |
inject(container, opt_options)를 | 지정된 컨테이너 요소 (일반적으로 div)에 Blockly 편집기를 삽입합니다. |
isCopyable(obj) | |
isDeletable(obj) | 지정된 객체가 IDeletable인지 여부를 반환합니다. |
isDraggable(obj) | 지정된 객체가 IDraggable인지 여부를 반환합니다. |
isIcon(obj) | 지정된 객체가 IIcon인지 확인하는 유형 가드입니다. |
isPaster(obj) | |
isSelectable(obj) | 지정된 객체가 ISelectable인지 확인합니다. |
isSerializable(obj) | 지정된 객체가 ISerializable인지 확인하는 유형 가드입니다. |
isVariableBackedParameterModel(param) | 지정된 객체가 변수 홀더인지 여부를 반환합니다. |
setLocale(locale) | 로케일 (예: 현지화된 메시지/block-text 등)을 지정된 로케일로 설정합니다. 이는 메시지가 Blockly.Msg 객체에 자동으로 포함되므로 스크립트 태그에서 로드할 때는 유용하지 않거나 필요하지 않습니다. 하지만 tscompiler가 유형 정의 파일을 적절히 생성할 수 있도록 스크립트 태그 컨텍스트와 비스크립트 태그 컨텍스트 둘 다에 이를 제공합니다. |
인터페이스
인터페이스 | 설명 |
---|---|
BlocklyOptions | Blockly 옵션. |
FieldCheckboxConfig | 체크박스 필드의 구성 옵션입니다. |
FieldCheckboxFromJsonConfig | fromJson 구성 옵션을 선택합니다. |
FieldConfig | 기본 필드의 추가 구성 옵션입니다. |
FieldDropdownFromJsonConfig | fromJson config을 설정합니다. |
FieldImageConfig | 이미지 필드의 구성 옵션입니다. |
FieldImageFromJsonConfig | fromJson 구성 옵션도 지원합니다. |
FieldLabelConfig | 라벨 필드의 구성 옵션입니다. |
FieldLabelFromJsonConfig | fromJson 구성 옵션을 사용할 수 있습니다. |
FieldNumberConfig | 숫자 필드의 구성 옵션입니다. |
FieldNumberFromJsonConfig | fromJson 구성 옵션을 사용할 수 있습니다. |
FieldTextInputFromJsonConfig | fromJson 구성 옵션도 지원합니다. |
FieldVariableConfig | 변수 필드의 구성 옵션입니다. |
FieldVariableFromJsonConfig | fromJson 구성 옵션도 지원합니다. |
IASTNodeLocation | AST 노드 위치 인터페이스 |
IASTNodeLocationSvg | AST 노드 위치 SVG 인터페이스 |
IASTNodeLocationWithBlock | 연결된 블록이 있는 AST 노드 위치입니다. |
IAutoHideable | 자동으로 숨길 수 있는 구성요소의 인터페이스입니다. |
IBoundedElement | 제한된 요소 인터페이스 |
IBubble | 도움말 풍선 인터페이스 |
ICollapsibleToolboxItem | 도구 상자에서 접을 수 있는 항목에 대한 인터페이스입니다. |
IComponent | ComponentManager에 등록할 수 있는 작업공간 구성요소에 대한 인터페이스입니다. |
IConnectionChecker | 연결 유형 확인 로직의 클래스입니다. |
IConnectionPreviewer | 블록이 드롭될 경우 연결되는 위치를 보여주는 시각적 '미리보기'를 표시합니다. |
IContextMenu | |
ICopyable | |
IDeletable | 삭제할 수 있는 객체에 대한 인터페이스입니다. |
IDeleteArea | 위에 놓인 블록 또는 도움말 풍선을 삭제할 수 있는 구성요소의 인터페이스입니다. |
IDraggable | 드래그할 수 있는 객체를 나타냅니다. |
IDragger | |
IDragStrategy | |
IDragTarget | 블록 또는 도움말 풍선을 그 위로 드래그하거나 드롭할 때 맞춤 동작이 포함된 구성요소의 인터페이스입니다. |
IFlyout | 플라이아웃을 위한 인터페이스입니다. |
IHasBubble | |
IIcon | |
IKeyboardAccessible | 단축키를 처리하는 객체의 인터페이스입니다. |
IMetricsManager | 측정항목 관리자의 인터페이스입니다. |
IMovable | 이동 가능한 객체의 인터페이스입니다. |
IPaster | 작업공간에 데이터를 붙여넣을 수 있는 객체입니다. |
IPositionable | 작업 영역 상단에 배치되는 구성요소의 인터페이스입니다. |
IRegistrable | 등록할 수 있는 Blockly 구성요소의 인터페이스입니다. |
ISelectable | 선택 가능한 객체에 대한 인터페이스입니다. |
ISelectableToolboxItem | 선택할 수 있는 도구 상자의 항목에 대한 인터페이스입니다. |
ISerializable | |
IStyleable | 스타일을 추가할 수 있는 객체에 대한 인터페이스입니다. |
IToolbox | 도구 상자의 인터페이스입니다. |
IToolboxItem | 도구 상자에 있는 항목에 대한 인터페이스입니다. |
IVariableBackedParameterModel | 변수 모델을 보유한 매개변수 모델의 인터페이스입니다. |
네임스페이스
변수
변수 | 설명 |
---|---|
차단 | 블록 유형 이름을 블록 프로토타입 객체에 매핑합니다. |
COLLAPSE_CHARS | |
COLLAPSED_FIELD_NAME | |
COLLAPSED_INPUT_NAME | |
구성 | Blockly에서 개발자가 변경할 수 있을 것으로 예상되는 모든 값을 보유하고 있는 객체입니다. |
defineBlocksWithJsonArray | Blockly 개발자 도구에서 생성할 수 있는 JSON 블록 정의 배열에서 블록을 정의합니다. |
DELETE_VARIABLE_ID | |
DropDownDiv | |
getMainWorkspace | 기본 작업공간을 반환합니다. 마지막으로 사용된 기본 작업공간을 반환합니다 (포커스에 따라). 특히 페이지에 Blockly 인스턴스가 여러 개 있는 경우 이 함수를 사용하지 마세요. |
getSelected | 현재 선택된 복사 가능한 객체를 반환합니다. |
INPUT_VALUE | |
JavaScript | |
메시지 | 현지화된 메시지의 사전입니다. |
NEXT_STATEMENT | |
OPPOSITE_TYPE | |
OUTPUT_VALUE | |
PREVIOUS_STATEMENT | |
PROCEDURE_CATEGORY_NAME | 도구 상자 XML에 있는 카테고리의 'custom' 속성에 사용할 문자열입니다. 이 문자열은 카테고리가 프러시저 블록으로 동적으로 채워져야 함을 나타냅니다. |
RENAME_VARIABLE_ID | |
setParentContainer | 상위 컨테이너를 설정합니다. Blockly.inject 가 처음 호출될 때 WidgetDiv, dropDownDiv 및 도움말이 처음 렌더링되는 컨테이너 요소입니다. 이 메서드는 첫 번째 Blockly.inject 이후에 호출되는 경우 NOP입니다. |
svgResize | 컨테이너를 완전히 채우도록 SVG 이미지 크기를 조정합니다. 뷰가 실제로 크기를 변경할 때 (예: 창 크기 조절/기기 방향 변경) 이 메서드를 호출합니다. 콘텐츠가 변경될 때 (예: 블록 추가 또는 삭제) 작업공간의 크기를 조정하려면 workspace.resizeContents를 참조하세요. SVG 이미지의 높이/너비를 기록합니다. |
TOOLBOX_AT_BOTTOM | |
TOOLBOX_AT_LEFT | |
TOOLBOX_AT_RIGHT | |
TOOLBOX_AT_TOP | |
VARIABLE_CATEGORY_NAME | 도구 상자 XML에 있는 카테고리의 'custom' 속성에 사용할 문자열입니다. 이 문자열은 카테고리가 변수 블록으로 동적으로 채워져야 함을 나타냅니다. |
VARIABLE_DYNAMIC_CATEGORY_NAME | 도구 상자 XML에 있는 카테고리의 'custom' 속성에 사용할 문자열입니다. 이 문자열은 카테고리가 변수 블록으로 동적으로 채워져야 함을 나타냅니다. |
버전 | 블록리 코어 버전입니다. 이 상수는 빌드 스크립트 (npm run build)에 의해 package.json의 버전 값으로 재정의됩니다. 빌드 압축 작업의 클로저 컴파일러가 이를 수행합니다. 로컬 빌드의 경우 --define='Blockly.VERSION=X.Y.Z'를 컴파일러에 전달하여 이 상수를 재정의할 수 있습니다. |
유형 별칭
유형 별칭 | 설명 |
---|---|
FieldCheckboxValidator | 필드 값이 설정되기 전에 변경 사항을 검증하기 위해 호출되는 함수입니다. |
FieldDropdownConfig | 드롭다운 필드의 구성 옵션입니다. |
FieldDropdownValidator | 필드 값이 설정되기 전에 변경 사항을 검증하기 위해 호출되는 함수입니다. |
FieldNumberValidator | 필드 값이 설정되기 전에 변경 사항을 검증하기 위해 호출되는 함수입니다. |
FieldTextInputConfig | 텍스트 입력란의 구성 옵션입니다. |
FieldTextInputValidator | 필드 값이 설정되기 전에 변경 사항을 검증하기 위해 호출되는 함수입니다. |
FieldValidator | 필드 값이 설정되기 전에 변경 사항을 검증하기 위해 호출되는 함수입니다. |
FieldVariableValidator | 필드 값이 설정되기 전에 변경 사항을 검증하기 위해 호출되는 함수입니다. |
ICopyData | |
MenuGenerator | 메뉴 옵션의 배열 또는 FieldDropdown 또는 그 하위 항목의 메뉴 옵션 배열을 생성하는 함수입니다. |
MenuGeneratorFunction | FieldDropdown 또는 하위 항목의 메뉴 옵션 배열을 생성하는 함수입니다. |
MenuOption | 드롭다운 메뉴의 개별 옵션. 첫 번째 요소는 사람이 읽을 수 있는 값 (텍스트 또는 이미지)이고 두 번째 요소는 언어 중립 값입니다. |