blockly > bubbles > Bubble

bubbles.Bubble 클래스

추상 팝업 도움말 풍선 클래스입니다. 이렇게 하면 말풍선처럼 보이는 UI가 만들어지며, 이 UI에는 블록을 가리키는 '꼬리'와 임의의 SVG 요소를 표시하는 '머리'가 있습니다.

서명:

export declare abstract class Bubble implements IBubble, ISelectable

구현: IBubble, ISelectable

생성자

생성자 수정자 설명
(생성자)(workspace, anchor, ownerRect, overriddenFocusableElement) Bubble 클래스의 새 인스턴스를 생성합니다.

속성

속성 수정자 유형 설명
ANCHOR_RADIUS

static

readonly

 (선언되지 않음) 화살표 지점과 앵커 지점 사이의 거리입니다.
앵커 protected 좌표
BORDER_WIDTH

static

readonly

 (선언되지 않음) 풍선 주위의 테두리 너비입니다.
contentContainer protected SVGGElement 풍선의 콘텐츠가 포함된 SVG 그룹입니다.
disposed 부울 풍선이 삭제된 경우 true이고, 그렇지 않은 경우 false입니다.
DOUBLE_BORDER

static

readonly

 숫자 풍선 주변 테두리의 너비를 두 배로 늘립니다.
id 문자열
MIN_SIZE

static

readonly

 숫자 풍선의 최소 크기입니다.
ownerRect? protected Rect | undefined (선택사항)
svgRoot protected SVGGElement 풍선의 모든 부분이 포함된 SVG 그룹입니다.
TAIL_ANGLE

static

readonly

 (선언되지 않음) 꼬리가 시계 반대 방향으로 구부러지는 각도입니다.
TAIL_BEND

static

readonly

 (선언되지 않음) 꼬리 굴곡의 선명도입니다. 숫자가 클수록 꼬리가 더 부드럽게 처리됩니다.
TAIL_THICKNESS

static

readonly

 (선언되지 않음) 풍선의 크기에 따른 꼬리 밑부분의 두께입니다. 숫자가 클수록 꼬리가 더 얇아집니다.
workspace readonly WorkspaceSvg

메서드

메서드 수정자 설명
canBeFocused() IFocusableNode.canBeFocused를 참고하세요.
dispose() 이 대화창을 닫습니다.
drag(newLoc) 풍선을 지정된 위치로 드래그합니다.
endDrag() 대화창의 드래그를 종료합니다.
getColour() protected 이 도움말의 배경 및 꼬리의 색상을 반환합니다.
getFocusableElement() IFocusableNode.getFocusableElement를 참고하세요.
getFocusableTree() IFocusableNode.getFocusableTree를 참고하세요.
getSize() protected
isMovable() 이 도움말 풍선을 이동할 수 있는지 여부를 반환합니다.
onNodeBlur() IFocusableNode.onNodeBlur를 참고하세요.
onNodeFocus() IFocusableNode.onNodeFocus를 참고하세요.
positionByRect(rect) protected 대부분이 표시되고 직사각형 (제공된 경우)과 겹치지 않도록 '최적화'된 위치에 도움말 풍선을 배치합니다.
positionRelativeToAnchor() protected 풍선을 앵커를 기준으로 배치합니다. 꼬리를 렌더링하지 않습니다.
revertDrag() 풍선을 드래그를 시작할 때의 위치로 다시 이동합니다.
select()
setAnchorLocation(anchor, relayout) 이 풍선의 꼬리가 가리키는 위치를 설정합니다.
setColour(colour) 이 풍선의 배경 및 꼬리의 색상을 설정합니다.
setDragging(_start)
setPositionRelativeToAnchor(left, top) 이 풍선을 앵커를 기준으로 설정합니다.
setSize(size, relayout) protected 테두리를 포함하여 이 풍선의 크기를 설정합니다.
startDrag() 대화상자를 드래그하기 시작합니다.
unselect()