플라이아웃 클래스
플라이아웃 클래스입니다.
서명:
export declare abstract class Flyout extends DeleteArea implements IAutoHideable, IFlyout, IFocusableNode
Extends: DeleteArea
구현: IAutoHideable, IFlyout, IFocusableNode
생성자
생성자 | 수정자 | 설명 |
---|---|---|
(constructor)(workspaceOptions) | Flyout 클래스의 새 인스턴스를 생성합니다. |
속성
속성 | 수정자 | 유형 | 설명 |
---|---|---|---|
autoClose | 부울 | 블록이 생성되면 플라이아웃이 자동으로 닫히나요? | |
contents | protected |
FlyoutItem[] | 플라이아웃 요소 목록입니다. |
CORNER_RADIUS | readonly |
숫자 | 플라이아웃 배경의 모서리 반경입니다. |
dragAngleRange_ | protected |
숫자 | 플라이아웃에서 '작업공간으로 드래그'로 간주되는 드래그 각도의 범위입니다. 플라이아웃 가장자리에서 직교 선까지 이 각도 내에 있는 드래그는 '작업공간으로 드래그'로 간주됩니다. |
GAP_X | readonly |
숫자 | |
GAP_Y | readonly |
숫자 | |
height_ | protected |
숫자 | 플라이아웃의 높이입니다. |
인플레이터 | protected |
Map<string, IFlyoutInflater> | 플라이아웃 콘텐츠 유형에서 콘텐츠 유형의 구체적인 인스턴스를 만드는 데 사용되는 해당 인플레이터 클래스로 매핑합니다. |
MARGIN | readonly |
숫자 | |
RTL | 부울 | ||
SCROLLBAR_MARGIN | readonly |
숫자 | 스크롤바와 플라이아웃 배경의 가장자리 사이의 상단/하단 패딩입니다. |
svgBackground_ | protected |
SVGPathElement | null | 플라이아웃의 배경 주위 경로로, 배경색으로 채워집니다. |
svgGroup_ | protected |
SVGGElement | null | 버튼 또는 라벨의 루트 SVG 그룹입니다. |
tabWidth_ |
|
숫자 | |
toolboxPosition_ | protected |
숫자 | |
width_ | protected |
숫자 | 플라이아웃의 너비입니다. |
workspace_ | protected |
WorkspaceSvg |
메서드
메서드 | 수정자 | 설명 |
---|---|---|
autoHide(onlyClosePopups) | 자동 닫기 플라이아웃인 경우 플라이아웃을 자동으로 숨깁니다. | |
canBeFocused() | IFocusableNode.canBeFocused를 참고하세요. | |
createDom(tagName) | 플라이아웃의 DOM을 만듭니다. 한 번만 호출하면 됩니다. 플라이아웃은 자체 SVG 요소로 존재하거나 별도의 SVG 요소 내에 중첩된 g 요소일 수 있습니다. | |
dispose() | 이 플라이아웃을 삭제합니다. 메모리 누수를 방지하기 위해 모든 DOM 요소에서 연결 해제합니다. | |
getContents() | 현재 플라이아웃의 요소 목록을 가져옵니다. | |
getFlyoutScale() | 플라이아웃의 크기 (확대/축소 수준)를 가져옵니다. 기본적으로 이는 타겟 워크스페이스 규모와 일치하지만 재정의할 수 있습니다. | |
getFocusableElement() | IFocusableNode.getFocusableElement를 참고하세요. | |
getFocusableTree() | IFocusableNode.getFocusableTree를 참고하세요. | |
getHeight() | 플라이아웃의 높이를 가져옵니다. | |
getInflaterForType(type) | protected |
지정된 유형의 항목을 생성하는 인플레이터를 반환합니다. |
getNestedTrees() | IFocusableNode.getNestedTrees를 참고하세요. | |
getRestoredFocusableNode(_previousNode) | IFocusableNode.getRestoredFocusableNode을 참고하세요. | |
getRootFocusableNode() | IFocusableNode.getRootFocusableNode를 참고하세요. | |
getTargetWorkspace() | 플라이아웃 내에서 타겟 작업공간을 가져옵니다. | |
getWidth() | 플라이아웃의 너비를 가져옵니다. | |
getWorkspace() | 플라이아웃 내부의 작업공간을 가져옵니다. | |
getX() | abstract |
플라이아웃 위치의 x 좌표를 계산합니다. |
getY() | abstract |
플라이아웃 위치의 y 좌표를 계산합니다. |
hide() | 플라이아웃을 숨기고 비웁니다. | |
init(targetWorkspace) | 플라이아웃을 초기화합니다. | |
isDragTowardWorkspace(currentDragDeltaXY) | abstract |
플라이아웃의 위치와 방향을 기반으로 드래그 델타가 작업공간을 향하는지 확인합니다. 새 블록을 만들어야 하는지 아니면 플라이아웃을 스크롤해야 하는지 결정하는 determineDragIntention_에서 사용됩니다. |
isVisible() | 플라이아웃이 표시되나요? | |
layout_(contents) |
|
플라이아웃에 요소를 배치합니다. |
lookUpFocusableNode(_id) | IFocusableNode.lookUpFocusableNode를 참고하세요. | |
normalizeSeparators(contents) | protected |
필요에 따라 구분 기호를 병합하기 위해 제공된 플라이아웃 콘텐츠 목록을 업데이트하고 반환합니다. 구분자가 여러 개 연속으로 발생하면 마지막 구분자의 값이 우선하며 그룹의 이전 구분자는 삭제됩니다. |
onNodeBlur() | IFocusableNode.onNodeBlur를 참고하세요. | |
onNodeFocus() | IFocusableNode.onNodeFocus를 참고하세요. | |
onTreeBlur(_nextTree) | IFocusableNode.onTreeBlur를 참고하세요. | |
onTreeFocus(_node, _previousTree) | IFocusableTree.onTreeFocus를 참고하세요. | |
position() | abstract |
플라이아웃을 배치합니다. |
positionAt_(width, height, x, y) | protected |
position()에서 계산된 좌표를 기반으로 뷰를 업데이트합니다. |
reflow() | 플라이아웃 콘텐츠를 리플로우합니다. | |
reflowInternal_() |
|
플라이아웃의 경계를 계산합니다. RTL의 경우 요소를 오른쪽 정렬로 배치합니다. |
scrollToStart() | abstract |
플라이아웃을 콘텐츠의 시작 부분으로 스크롤합니다. |
serializeBlock(block) | protected |
블록을 JSON으로 직렬화합니다. |
setAutoClose(autoClose) | 블록을 드래그하거나 작업 영역을 클릭하는 등의 경우 이 플라이아웃이 자동으로 닫히는지 여부를 설정합니다. | |
setContainerVisible(visible) | 이 플라이아웃의 컨테이너가 표시되는지 여부를 설정합니다. | |
setContents(contents) | 플라이아웃에 요소 목록을 저장합니다. | |
setMetrics_(xyRatio) |
|
플라이아웃의 번역을 스크롤바와 일치하도록 설정합니다. |
setVisible(visible) | 플라이아웃의 표시 여부를 설정합니다. 값이 true라고 해서 플라이아웃이 표시되는 것은 아닙니다. 컨테이너가 숨겨져 있기 때문에 숨겨져 있을 수 있습니다. | |
show(flyoutDef) | 플라이아웃을 표시하고 채웁니다. | |
wheel_(e) |
|
플라이아웃을 스크롤합니다. |