blockly > 풍선 > 풍선

풍선.버블 클래스

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

Signature:

export declare abstract class Bubble implements IBubble, ISelectable 

구현: IBubble, ISelectable

생성자

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

속성

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

메서드

메서드	수정자	설명
dispose()		이 대화창을 폐기합니다.
drag(newLoc)		대화창을 지정된 위치로 드래그합니다.
endDrag()		풍선에서 드래그를 종료합니다.
getColour()	protected	이 풍선의 배경과 꼬리 색상을 반환합니다.
getSize()	protected
isMovable()		이 도움말 풍선의 이동 가능 여부를 반환합니다.
positionByRect(rect)	protected	풍선의 대부분을 볼 수 있고 rect와 겹치지 않도록 풍선을 '최적'으로 배치합니다 (제공된 경우).
positionRelativeToAnchor()	protected	앵커를 기준으로 풍선을 배치합니다. 꼬리를 렌더링하지 않습니다.
revertDrag()		도움말 풍선을 드래그 시작 지점으로 다시 이동합니다.
선택()
setAnchorLocation(anchor, relayout)		이 풍선의 꼬리가 가리키는 위치를 설정합니다.
setColour(colour)		이 풍선의 배경과 꼬리 색상을 설정합니다.
setDragging(_start)
setPositionRelativeToAnchor(left, top)		앵커를 기준으로 이 풍선의 위치를 설정합니다.
setSize(size, relayout)	protected	테두리를 포함하여 이 풍선의 크기를 설정합니다.
startDrag()		도움말 풍선을 드래그하기 시작합니다.
선택 해제