blockly > blockRendering > ConstantProvider
blockRendering.ConstantProvider 클래스
블록 렌더링을 위한 상수를 제공하는 객체입니다.
서명:
export declare class ConstantProvider
생성자
생성자 | 수정자 | 설명 |
---|---|---|
(생성자)() | ConstantProvider 클래스의 새 인스턴스를 생성합니다. |
속성
속성 | 수정자 | 유형 | 설명 |
---|---|---|---|
ADD_START_HATS | 부울 | 이전 또는 출력 연결이 없는 모든 블록 위에 '모자'를 추가할지 여부입니다. Theme.BlockStyle의 'hat' 속성으로 재정의할 수 있습니다. | |
BETWEEN_STATEMENT_PADDING_Y | 숫자 | 연속 구문 입력 사이의 수직 패딩입니다. | |
blockStyles | { [key: string]: BlockStyle; } | ||
BOTTOM_ROW_AFTER_STATEMENT_MIN_HEIGHT | 숫자 | ||
BOTTOM_ROW_MIN_HEIGHT | 숫자 | ||
CORNER_RADIUS | 숫자 | 둥근 모서리 반경. | |
CURSOR_BLOCK_PADDING | 숫자 | 블록 주위의 패딩입니다. | |
CURSOR_COLOUR | 문자열 | 커서 색상입니다. | |
CURSOR_STACK_PADDING | 숫자 | 스택 주위의 패딩입니다. | |
CURSOR_STROKE_WIDTH | 숫자 | 커서의 획입니다. | |
CURSOR_WS_WIDTH | 숫자 | 가로 커서의 너비입니다. | |
debugFilterId | 문자열 | 디버그 필터의 ID 또는 패턴이 설정되지 않은 경우 빈 문자열입니다. | |
disabledPatternId | 문자열 | 사용 중지된 패턴의 ID이거나 패턴이 설정되지 않은 경우 빈 문자열입니다. | |
DUMMY_INPUT_MIN_HEIGHT | 숫자 | ||
DUMMY_INPUT_SHADOW_MIN_HEIGHT | 숫자 | ||
embossFilterId | 문자열 | 엠보싱 필터의 ID 또는 필터가 설정되지 않은 경우 빈 문자열입니다. | |
EMPTY_BLOCK_SPACER_HEIGHT | 숫자 | ||
EMPTY_INLINE_INPUT_HEIGHT | 숫자 | ||
EMPTY_INLINE_INPUT_PADDING | 숫자 | ||
EMPTY_STATEMENT_INPUT_HEIGHT | 숫자 | ||
EXTERNAL_VALUE_INPUT_PADDING | 숫자 | ||
FIELD_BORDER_RECT_COLOUR | 문자열 | 필드의 테두리 직사각형의 배경 색상입니다. | |
FIELD_BORDER_RECT_HEIGHT | 숫자 | 필드의 테두리 직사각형 기본 높이입니다. | |
FIELD_BORDER_RECT_RADIUS | 숫자 | 필드의 테두리 직사각형 모서리 반경입니다. | |
FIELD_BORDER_RECT_X_PADDING | 숫자 | 필드의 테두리 직사각형 X 패딩입니다. | |
FIELD_BORDER_RECT_Y_PADDING | 숫자 | 필드의 테두리 직사각형 Y 패딩입니다. | |
FIELD_CHECKBOX_X_OFFSET | 숫자 | ||
FIELD_COLOUR_DEFAULT_HEIGHT | 숫자 | ||
FIELD_COLOUR_DEFAULT_WIDTH | 숫자 | 색상 필드의 기본 너비입니다. | |
FIELD_COLOUR_FULL_BLOCK | 부울 | 색상 필드가 전체 블록에 색상 값을 표시해야 하는지 여부입니다. | |
FIELD_DROPDOWN_BORDER_RECT_HEIGHT | 숫자 | ||
FIELD_DROPDOWN_COLOURED_DIV | 부울 | 드롭다운 필드의 div가 블록 색상과 일치하도록 색상을 지정할지 여부입니다. | |
FIELD_DROPDOWN_NO_BORDER_RECT_SHADOW | 부울 | 드롭다운 필드가 그림자 블록에 있을 때 테두리 직사각형을 추가해야 하는지 여부입니다. | |
FIELD_DROPDOWN_SVG_ARROW_DATAURI | 문자열 | ||
FIELD_DROPDOWN_SVG_ARROW_PADDING | 숫자 | ||
FIELD_DROPDOWN_SVG_ARROW_SIZE | 숫자 | 드롭다운 필드의 SVG 화살표 크기입니다. | |
FIELD_DROPDOWN_SVG_ARROW | 부울 | 드롭다운 필드에서 텍스트 또는 SVG 화살표를 사용하는지 여부입니다. | |
FIELD_TEXT_BASELINE_CENTER | 부울 | ||
FIELD_TEXT_BASELINE | 숫자 | 텍스트 기준선 이 상수는 사용된 글꼴에 따라 텍스트의 기준선이 되도록 setFontConstants_ 에서 동적으로 설정됩니다. |
|
FIELD_TEXT_FONTFAMILY | 문자열 | 텍스트 글꼴 모음 | |
FIELD_TEXT_FONTSIZE | 숫자 | 텍스트의 포인트 크기입니다. | |
FIELD_TEXT_FONTWEIGHT | 문자열 | 텍스트 글꼴 두께입니다. | |
FIELD_TEXT_HEIGHT | 숫자 | 텍스트의 높이입니다. 이 상수는 사용된 글꼴에 따라 텍스트의 높이가 되도록 setFontConstants_ 에서 동적으로 설정됩니다. |
|
FIELD_TEXTINPUT_BOX_SHADOW | 부울 | 위젯 div 주위에 상자 그림자를 표시할지 여부입니다. 전체 블록 필드의 기능일 뿐입니다. | |
FULL_BLOCK_FIELDS | 부울 | 텍스트 입력란과 색상 필드가 전체 소스 블록을 채우는지 여부입니다. | |
INSERTION_MARKER_COLOUR | 문자열 | 삽입 마커의 기본 색상입니다(16진수). CSS에서 채우기 불투명도를 변경하여 블록이 투명한 회색으로 렌더링됩니다. | |
INSERTION_MARKER_OPACITY | 숫자 | 삽입 마커 불투명도입니다. | |
INSIDE_CORNERS | InsideCorners | ||
JAGGED_TEETH_HEIGHT | 숫자 | 접힌 블록 끝에 있는 들쭉날쭉한 톱니의 SVG 경로 높이입니다. | |
JAGGED_TEETH_WIDTH | 숫자 | 접힌 블록 끝에 있는 들쭉날쭉한 톱니의 SVG 경로 너비입니다. | |
JAGGED_TEETH | JaggedTeeth | ||
LARGE_PADDING | 숫자 | 큰 패딩의 크기입니다. | |
MARKER_COLOUR | 문자열 | 고정 마커 색상입니다. | |
MEDIUM_LARGE_PADDING | 숫자 | 중대형 패딩의 크기입니다. | |
MEDIUM_PADDING | 숫자 | 중간 패딩의 크기입니다. | |
MIN_BLOCK_HEIGHT | 숫자 | ||
MIN_BLOCK_WIDTH | 숫자 | 블록의 최소 너비입니다. | |
NO_PADDING | 숫자 | 빈 스페이서의 크기입니다. | |
NOTCH_HEIGHT | 숫자 | 이전 및 다음 연결에 사용되는 노치의 높이입니다. | |
NOTCH_OFFSET_LEFT | 숫자 | 블록 왼쪽 또는 문 내부에서 노치 왼쪽으로의 오프셋입니다. | |
NOTCH_WIDTH | 숫자 | 이전 및 다음 연결에 사용되는 노치의 너비입니다. | |
NOTCH | 노치 | ||
OUTSIDE_CORNERS | OutsideCorners | ||
PUZZLE_TAB | PuzzleTab | ||
randomIdentifier | 문자열 | ||
도형 | { [key: string]: number; } | ||
SMALL_PADDING | 숫자 | 작은 패딩의 크기입니다. | |
SPACER_DEFAULT_HEIGHT | 숫자 | ||
START_HAT_HEIGHT | 숫자 | 모자의 높이입니다. | |
START_HAT_WIDTH | 숫자 | 모자의 너비입니다. | |
START_HAT | StartHat | ||
START_POINT | 문자열 | ||
STATEMENT_BOTTOM_SPACER | 숫자 | ||
STATEMENT_INPUT_NOTCH_OFFSET | 숫자 | ||
STATEMENT_INPUT_PADDING_LEFT | 숫자 | ||
TAB_HEIGHT | 숫자 | 입력 및 출력 연결에 사용되는 퍼즐 탭의 높이입니다. | |
TAB_OFFSET_FROM_TOP | 숫자 | 퍼즐 탭이 배치되는 블록 상단에서의 오프셋입니다. | |
TAB_VERTICAL_OVERLAP | 숫자 | 퍼즐 탭의 세로 중첩으로, 퍼즐 조각처럼 보이도록 하는 데 사용됩니다. | |
TAB_WIDTH | 숫자 | 입력 및 출력 연결에 사용되는 퍼즐 탭의 너비입니다. | |
TALL_INPUT_FIELD_OFFSET_Y | 숫자 | ||
TOP_ROW_MIN_HEIGHT | 숫자 | ||
TOP_ROW_PRECEDES_STATEMENT_MIN_HEIGHT | 숫자 | ||
WS_CURSOR_HEIGHT | 숫자 | 가로 커서의 높이입니다. |
메서드
메서드 | 수정자 | 설명 |
---|---|---|
createBlockStyle_(colour) | protected |
지정된 색상을 기반으로 블록 스타일 객체를 만듭니다. |
createDom(svg, tagName, selector) | 이 렌더러에 필요한 DOM 요소 (필터, 패턴 등)를 만듭니다. | |
dispose() | 이 상수 제공자를 폐기합니다. 이 제공업체가 만든 모든 DOM 요소를 삭제합니다. | |
generateSecondaryColour_(inputColour) | protected |
전달된 기본 색상에서 보조 색상을 생성합니다. |
generateTertiaryColour_(inputColour) | protected |
전달된 기본 색상에서 3차 색상을 생성합니다. |
getBlockStyle(blockStyleName) | 지정된 블록 스타일 이름의 BlockStyle을 가져옵니다. | |
getBlockStyleForColour(colour) | 단일 색상 값을 기반으로 블록 스타일을 가져오거나 만듭니다. 색상을 기반으로 스타일의 이름을 생성합니다. | |
getCSS_(selector) | protected |
렌더러가 초기화될 때 삽입할 렌더러별 CSS를 가져옵니다. |
init() | 생성자에 설정된 상수를 기반으로 도형 객체를 초기화합니다. | |
injectCSS_(tagName, 선택자) | protected |
렌더러별 CSS를 페이지에 삽입합니다. |
makeInsideCorners() | protected |
|
makeJaggedTeeth() | protected |
|
makeNotch() | protected |
|
makeOutsideCorners() | protected |
|
makePuzzleTab() | protected |
|
makeStartHat() | protected |
|
setComponentConstants_(theme) | protected |
테마의 구성요소 스타일에서 상수를 설정합니다. |
setDynamicProperties_(theme) | protected |
다른 값 또는 테마 속성에 종속되는 동적 속성을 설정합니다. |
setFontConstants_(theme) | protected |
글꼴과 관련된 상수를 설정합니다. |
setTheme(theme) | 테마에 종속된 상수 속성을 새로고침합니다. | |
shapeFor(connection) | 연결 유형에 따라 연결 도형 및 크기 조정 정보가 포함된 객체를 가져옵니다. | |
validatedBlockStyle_(blockStyle) | protected |
입력 스타일 객체를 기반으로 전체 블록 스타일 객체를 가져옵니다. 누락된 값을 채웁니다. |