차단 > 풍선 > 대화창

bubbles.Bubble 클래스

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

서명:

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 그룹입니다.
폐기됨		부울	버블이 삭제된 경우 true, 그렇지 않은 경우 false입니다.
DOUBLE_BORDER	static readonly	숫자	풍선을 둘러싼 테두리 너비를 2배로 늘립니다.
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()		풍선을 드래그 시작 지점으로 다시 이동합니다.
select()
setAnchorLocation(anchor, relayout)		이 풍선의 꼬리가 가리키는 위치를 설정합니다.
setColour(colour)		풍선의 배경과 꼬리 색상을 설정합니다.
setDragging(_start)
setPositionRelativeToAnchor(left, top)		앵커를 기준으로 이 풍선의 위치를 설정합니다.
setSize(size, relayout)	protected	테두리를 포함하여 풍선의 크기를 설정합니다.
startDrag()		풍선에서 드래그를 시작합니다.
선택취소