泡泡.泡泡類別
抽象彈出式泡泡類別。這會建立看起來像對話泡泡的使用者介面,其中有「尾」這個區塊所指向的區塊,還有「head」可顯示任意 SVG 元素。
Signature:
export declare abstract class Bubble implements IBubble, ISelectable
實作: IBubble、ISelectable
建構函式
建構函式 | 修飾符 | 說明 |
---|---|---|
(建構函式)(workspace, Anchor, OwnerRect) | 建構 Bubble 類別的新例項 |
屬性
屬性 | 修飾符 | 類型 | 說明 |
---|---|---|---|
ANCHOR_RADIUS |
|
(未宣告) | 箭頭點和錨點之間的距離。 |
錨點 | protected |
座標 | |
BORDER_WIDTH |
|
(未宣告) | 泡泡周圍的邊框寬度。 |
contentContainer | protected |
SVGGElement | 含有對話框內容的 SVG 群組。 |
丟棄 | 布林值 | 如果泡泡已經處理,則為「true」,否則傳回「false」。 | |
DOUBLE_BORDER |
|
數字 | 泡泡周圍的邊框寬度兩倍。 |
id | 字串 | ||
MIN_SIZE |
|
數字 | 對話框的大小下限。 |
ownerRect? | protected |
矩形 |未定義 | (選用) |
svgRoot | protected |
SVGGElement | 這個 SVG 群組含有泡泡的所有部分。 |
TAIL_ANGLE |
|
(未宣告) | 尾部逆時針彎曲的度數。 |
TAIL_BEND |
|
(未宣告) | 尾巴彎曲的銳利度。數字越高,尾巴就會越流暢。 |
TAIL_THICKNESS |
|
(未宣告) | 相對於泡泡大小,尾部底的粗細。數字越高,尾部就會越細。 |
工作區 | readonly |
WorkspaceSvg |
方法
方法 | 修飾符 | 說明 |
---|---|---|
dispose() | 丟棄這個泡泡。 | |
drag(newLoc) | 將泡泡拖曳到指定位置。 | |
endDrag() | 結束對話框的拖曳作業。 | |
getColour() | protected |
傳回這個泡泡的背景和尾色。 |
getSize() | protected |
|
isMovable() | 傳回這個泡泡是否可移動。 | |
positionByRect(rect) | protected |
將泡泡的位置設為「最佳」就能讓大部分的參與者都能看到,而且不會與矩形重疊 (如有提供)。 |
positionRelativeToAnchor() | protected |
讓說明圖示相對於其錨點的位置。不會算繪其尾部。 |
revertDrag() | 將對話框移回拖曳開始時的位置。 | |
select() | ||
setAnchorLocation(anchor, relayout) | 設定這個泡泡端點的尾部位置。 | |
setColour(colour) | 設定這個泡泡的背景和尾款顏色。 | |
setDragging(_start) | ||
setPositionRelativeToAnchor(left, top) | 設定這個泡泡相對於錨點的位置。 | |
setSize(size, relayout) | protected |
設定此泡泡的大小,包含邊框。 |
startDrag() | 開始拖曳泡泡。 | |
unselect() |