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