blockly > 풍선

버블 클래스

추상 팝업 도움말 풍선 클래스입니다. 이렇게 하면 블록을 가리키는 '꼬리'와 임의의 svg 요소를 표시하는 '헤드'가 있는 말풍선 모양의 UI가 생성됩니다.

Signature:

export declare abstract class Bubble implements IBubble 

구현: IBubble

생성자

생성자	수정자	설명
(생성자)(작업공간, 앵커, ownerRect)		Bubble 클래스의 새 인스턴스를 구성합니다.

속성

속성	수정자	유형	설명
ANCHOR_RADIUS	static readonly	(선언되지 않음)	화살표 포인트와 앵커 포인트 사이의 거리입니다.
앵커	protected	좌표
BORDER_WIDTH	static readonly	(선언되지 않음)	풍선 주위의 테두리 너비입니다.
contentContainer	protected	SVGGElement	도움말 풍선의 콘텐츠가 포함된 SVG 그룹
삭제됨		boolean	도움말 풍선이 삭제된 경우 true, 그렇지 않은 경우 false입니다.
DOUBLE_BORDER	static readonly	숫자	풍선 주위의 테두리 너비를 두 배로 늘립니다.
MIN_SIZE	static readonly	숫자	풍선의 최소 크기입니다.
ownerRect?	protected	Rect | 정의되지 않음	(선택사항)
svgRoot	protected	SVGGElement	도움말 풍선의 모든 부분이 포함된 SVG 그룹입니다.
TAIL_ANGLE	static readonly	(선언되지 않음)	꼬리가 시계 반대 방향으로 구부러지는 각도입니다.
TAIL_BEND	static readonly	(선언되지 않음)	꼬리를 굽힌 정도입니다. 숫자가 높을수록 꼬리가 더 부드러워집니다.
TAIL_THICKNESS	static readonly	(선언되지 않음)	풍선의 크기를 기준으로 꼬리 밑부분의 두께입니다. 숫자가 높을수록 꼬리가 얇아집니다.
워크스페이스	protected readonly	WorkspaceSvg

방법

메서드	수정자	설명
dispose()		이 대화창을 삭제합니다.
getColour()	protected	이 풍선의 배경 및 꼬리 색상을 반환합니다.
getSize()	protected
positionByRect(rect)	protected	풍선의 대부분이 표시되고 직사각형 (제공된 경우)과 겹치지 않도록 풍선을 '최적'으로 배치합니다.
positionRelativeToAnchor()	protected	앵커를 기준으로 풍선을 배치합니다. 꼬리를 렌더링하지 않습니다.
setAnchorLocation(anchor, relayout)		이 풍선의 꼬리가 가리키는 위치를 설정합니다.
setColour(colour)		이 풍선의 배경 및 꼬리 색상을 설정합니다.
setDragging(_start)
setPositionRelativeToAnchor(left, top)		앵커를 기준으로 이 풍선의 위치를 설정합니다.
setSize(size, relayout)	protected	테두리를 포함하여 이 풍선의 크기를 설정합니다.