封鎖 >泡泡 >對話框

泡泡.泡泡類別

抽象彈出式泡泡類別。這會建立看起來像對話泡泡的使用者介面,其中有「尾」這個區塊所指向的區塊,還有「head」可顯示任意 SVG 元素。

Signature:

export declare abstract class Bubble implements IBubble, ISelectable 

實作: IBubbleISelectable

建構函式

建構函式 修飾符 說明
(建構函式)(workspace, Anchor, OwnerRect) 建構 Bubble 類別的新例項

屬性

屬性 修飾符 類型 說明
ANCHOR_RADIUS

static

readonly

(未宣告) 箭頭點和錨點之間的距離。
錨點 protected 座標
BORDER_WIDTH

static

readonly

(未宣告) 泡泡周圍的邊框寬度。
contentContainer protected SVGGElement 含有對話框內容的 SVG 群組。
丟棄 布林值 如果泡泡已經處理,則為「true」,否則傳回「false」。
DOUBLE_BORDER

static

readonly

數字 泡泡周圍的邊框寬度兩倍。
id 字串
MIN_SIZE

static

readonly

數字 對話框的大小下限。
ownerRect? protected 矩形 |未定義 (選用)
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 將泡泡的位置設為「最佳」就能讓大部分的參與者都能看到,而且不會與矩形重疊 (如有提供)。
positionRelativeToAnchor() protected 讓說明圖示相對於其錨點的位置。不會算繪其尾部。
revertDrag() 將對話框移回拖曳開始時的位置。
select()
setAnchorLocation(anchor, relayout) 設定這個泡泡端點的尾部位置。
setColour(colour) 設定這個泡泡的背景和尾款顏色。
setDragging(_start)
setPositionRelativeToAnchor(left, top) 設定這個泡泡相對於錨點的位置。
setSize(size, relayout) protected 設定此泡泡的大小,包含邊框。
startDrag() 開始拖曳泡泡。
unselect()