blockly > blockRendering > ConstantProvider
block렌더링.ConstantProvider 클래스
렌더링 블록의 상수를 제공하는 객체입니다.
Signature:
export declare class ConstantProvider
생성자
생성자 | 수정자 | 설명 |
---|---|---|
(생성자)() | ConstantProvider 클래스의 새 인스턴스를 구성합니다. |
속성
속성 | 수정자 | 유형 | 설명 |
---|---|---|---|
ADD_START_HATS | boolean | 이전 연결 또는 출력 연결 없이 모든 블록 위에 '모자'를 추가할지 여부입니다. 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 | string | 커서 색상 | |
CURSOR_STACK_PADDING | 숫자 | 스택 주변의 패딩. | |
CURSOR_STROKE_WIDTH | 숫자 | 커서 획입니다. | |
CURSOR_WS_WIDTH | 숫자 | 가로 커서의 너비입니다. | |
debugFilterId | string | 디버그 필터의 ID 또는 빈 문자열(패턴이 설정되지 않은 경우)입니다. | |
disabledPatternId | string | 사용 중지된 패턴의 ID이거나 패턴이 설정되지 않은 경우 빈 문자열입니다. | |
DUMMY_INPUT_MIN_HEIGHT | 숫자 | ||
DUMMY_INPUT_SHADOW_MIN_HEIGHT | 숫자 | ||
embossFilterId | string | 엠보스 필터의 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 | string | 필드의 테두리 직사각형의 배경색입니다. | |
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 | boolean | 색상 필드가 전체 블록에 해당 색상 값을 표시할지 여부입니다. | |
FIELD_DROPDOWN_BORDER_RECT_HEIGHT | 숫자 | ||
FIELD_DROPDOWN_COLOURED_DIV | boolean | 드롭다운 필드의 div 색상을 블록 색상과 일치하도록 지정할지 여부입니다. | |
FIELD_DROPDOWN_NO_BORDER_RECT_SHADOW | boolean | 섀도우 블록에 있을 때 드롭다운 필드가 테두리 직사각형을 추가해야 하는지 여부입니다. | |
FIELD_DROPDOWN_SVG_ARROW_DATAURI | string | ||
FIELD_DROPDOWN_SVG_ARROW_PADDING | 숫자 | ||
FIELD_DROPDOWN_SVG_ARROW_SIZE | 숫자 | 드롭다운 필드의 SVG 화살표 크기 | |
FIELD_DROPDOWN_SVG_ARROW | boolean | 드롭다운 필드가 텍스트 또는 SVG 화살표를 사용하는지 여부입니다. | |
FIELD_TEXT_BASELINE_CENTER | boolean | ||
FIELD_TEXT_BASELINE | 숫자 | 텍스트 기준선. 이 상수는 사용된 글꼴에 따라 텍스트의 기준이 되도록 setFontConstants_ 에 동적으로 설정됩니다. |
|
FIELD_TEXT_FONTFAMILY | string | 텍스트 글꼴 모음 | |
FIELD_TEXT_FONTSIZE | 숫자 | 텍스트의 점 크기 | |
FIELD_TEXT_FONTWEIGHT | string | 텍스트 글꼴 두께입니다. | |
FIELD_TEXT_HEIGHT | 숫자 | 텍스트의 높이입니다. 이 상수는 사용된 글꼴에 따른 텍스트의 높이가 되도록 setFontConstants_ 에서 동적으로 설정됩니다. |
|
FIELD_TEXTINPUT_BOX_SHADOW | boolean | 위젯 div 주위에 상자 그림자를 표시할지 여부입니다. 이 기능은 전체 블록 필드의 기능일 뿐입니다. | |
FULL_BLOCK_FIELDS | boolean | 텍스트 입력 및 색상 입력란이 전체 소스 블록을 채우는지 여부 | |
INSERTION_MARKER_COLOUR | string | 삽입 마커의 기본 색상으로, 16진수로 표시됩니다. CSS에서 채우기 불투명도를 변경하면 블록이 투명한 회색으로 렌더링됩니다. | |
INSERTION_MARKER_OPACITY | 숫자 | 삽입 마커 불투명도입니다. | |
INSIDE_CORNERS | InsideCorners | ||
JAGGED_TEETH_HEIGHT | 숫자 | 접힌 블록의 끝부분에 있는 들쭉날쭉한 치아의 SVG 경로의 높이입니다. | |
JAGGED_TEETH_WIDTH | 숫자 | 접힌 블록의 끝에 있는 들쭉날쭉한 치아의 SVG 경로 너비 | |
JAGGED_TEETH | JaggedTeeth | ||
LARGE_PADDING | 숫자 | 큰 패딩의 크기입니다. | |
MARKER_COLOUR | string | 이동할 수 없는 마커 색상입니다. | |
MEDIUM_LARGE_PADDING | 숫자 | 중간 크기 패딩 크기입니다. | |
MEDIUM_PADDING | 숫자 | 중간 패딩의 크기입니다. | |
MIN_BLOCK_HEIGHT | 숫자 | ||
MIN_BLOCK_WIDTH | 숫자 | 블록의 최소 너비입니다. | |
NO_PADDING | 숫자 | 빈 스페이서의 크기입니다. | |
NOTCH_HEIGHT | 숫자 | 이전 및 다음 연결에 사용된 노치의 높이입니다. | |
NOTCH_OFFSET_LEFT | 숫자 | 블록의 왼쪽 또는 노치 왼쪽에 있는 명령문 입력의 내부에서 오프셋입니다. | |
NOTCH_WIDTH | 숫자 | 이전 및 다음 연결에 사용된 노치의 너비입니다. | |
노치 | 노치 | ||
OUTSIDE_CORNERS | OutsideCorners | ||
PUZZLE_TAB | PuzzleTab | ||
randomIdentifier | string | ||
도형 | { [키: 문자열]: number; } | ||
SMALL_PADDING | 숫자 | 작은 패딩의 크기입니다. | |
SPACER_DEFAULT_HEIGHT | 숫자 | ||
START_HAT_HEIGHT | 숫자 | 중절모 높이입니다. | |
START_HAT_WIDTH | 숫자 | 중절모의 너비 | |
START_HAT | StartHat | ||
START_POINT | string | ||
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_(태그이름, 선택기) | 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(연결) | 연결 유형에 따른 연결 형태 및 크기 정보가 있는 객체를 가져옵니다. | |
validatedBlockStyle_(blockStyle) | protected |
입력 스타일 객체를 기반으로 전체 블록 스타일 객체를 가져옵니다. 누락된 값을 채웁니다. |