泡泡課
抽象的彈出式泡泡類別。這會建立類似對話泡泡的 UI,其中含有指向區塊的「tail」,以及顯示任意 SVG 元素的「head」。
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 |
矩形 | 未定義 | (選用) |
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 |
設定這個泡泡的大小,包括邊框。 |