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()