버블 클래스
추상 팝업 도움말 풍선 클래스입니다. 이렇게 하면 블록을 가리키는 '꼬리'와 임의의 svg 요소를 표시하는 '헤드'가 있는 말풍선 모양의 UI가 생성됩니다.
Signature:
export declare abstract class Bubble implements IBubble
구현: IBubble
생성자
생성자 | 수정자 | 설명 |
---|---|---|
(생성자)(작업공간, 앵커, ownerRect) | Bubble 클래스의 새 인스턴스를 구성합니다. |
속성
속성 | 수정자 | 유형 | 설명 |
---|---|---|---|
ANCHOR_RADIUS |
|
(선언되지 않음) | 화살표 포인트와 앵커 포인트 사이의 거리입니다. |
앵커 | protected |
좌표 | |
BORDER_WIDTH |
|
(선언되지 않음) | 풍선 주위의 테두리 너비입니다. |
contentContainer | protected |
SVGGElement | 도움말 풍선의 콘텐츠가 포함된 SVG 그룹 |
삭제됨 | boolean | 도움말 풍선이 삭제된 경우 true, 그렇지 않은 경우 false입니다. | |
DOUBLE_BORDER |
|
숫자 | 풍선 주위의 테두리 너비를 두 배로 늘립니다. |
MIN_SIZE |
|
숫자 | 풍선의 최소 크기입니다. |
ownerRect? | protected |
Rect | 정의되지 않음 | (선택사항) |
svgRoot | protected |
SVGGElement | 도움말 풍선의 모든 부분이 포함된 SVG 그룹입니다. |
TAIL_ANGLE |
|
(선언되지 않음) | 꼬리가 시계 반대 방향으로 구부러지는 각도입니다. |
TAIL_BEND |
|
(선언되지 않음) | 꼬리를 굽힌 정도입니다. 숫자가 높을수록 꼬리가 더 부드러워집니다. |
TAIL_THICKNESS |
|
(선언되지 않음) | 풍선의 크기를 기준으로 꼬리 밑부분의 두께입니다. 숫자가 높을수록 꼬리가 얇아집니다. |
워크스페이스 |
|
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 |
테두리를 포함하여 이 풍선의 크기를 설정합니다. |