bubbles.Bubble 类
抽象弹出式气泡类。这会创建一个看起来像气泡的界面,其中包含指向相应块的“尾巴”和用于显示任意 SVG 元素的“头部”。
Signature:
export declare abstract class Bubble implements IBubble, ISelectable
实现: IBubble、ISelectable
构造函数
| 构造函数 | 修饰符 | 说明 |
|---|---|---|
| (constructor)(workspace, anchor, ownerRect, overriddenFocusableElement) | 构造 Bubble 类的新实例 |
属性
| 属性 | 修饰符 | 类型 | 说明 |
|---|---|---|---|
| ANCHOR_RADIUS |
|
(not declared) | 箭头点与锚点之间的距离。 |
| 锚 | protected |
坐标 | |
| BORDER_WIDTH |
|
(not declared) | 气泡周围边框的宽度。 |
| contentContainer | protected |
SVGGElement | 包含气泡内容的 SVG 组。 |
| 已处置 | 布尔值 | 如果气泡已被处置,则为 true;否则为 false。 | |
| DOUBLE_BORDER |
|
数值 | 将气泡周围边框的宽度加倍。 |
| id | 字符串 | ||
| MIN_SIZE |
|
数值 | 气泡可采用的最小尺寸。 |
| ownerRect? | protected |
Rect | 未定义 | (可选) |
| svgRoot | protected |
SVGGElement | 包含气泡所有部分的 SVG 组。 |
| TAIL_ANGLE |
|
(not declared) | 尾巴逆时针弯曲的度数。 |
| TAIL_BEND |
|
(not declared) | 尾巴弯曲的锐度。数字越高,尾部越平滑。 |
| TAIL_THICKNESS |
|
(not declared) | 尾巴底部的厚度与气泡的大小相关。数字越高,尾部越窄。 |
| 工作区 | readonly |
WorkspaceSvg |
方法
| 方法 | 修饰符 | 说明 |
|---|---|---|
| canBeFocused() | 请参阅 IFocusableNode.canBeFocused。 | |
| dispose() | 关闭此气泡。 | |
| drag(newLoc) | 将气泡拖动到给定位置。 | |
| endDrag() | 结束对气泡的拖动。 | |
| getColour() | protected |
返回此气泡的背景和尾巴的颜色。 |
| getFocusableElement() | 请参阅 IFocusableNode.getFocusableElement。 | |
| getFocusableTree() | 请参阅 IFocusableNode.getFocusableTree。 | |
| getSize() | protected |
|
| isMovable() | 返回此气泡是否可移动。 | |
| onNodeBlur() | 请参阅 IFocusableNode.onNodeBlur。 | |
| onNodeFocus() | 请参阅 IFocusableNode.onNodeFocus。 | |
| positionByRect(rect) | protected |
以“最佳”方式放置气泡,使其大部分可见且不会与矩形(如果提供)重叠。 |
| positionRelativeToAnchor() | protected |
相对于锚点放置气泡。不会渲染其尾巴。 |
| revertDrag() | 将气泡移回拖动开始时的位置。 | |
| select() | ||
| setAnchorLocation(anchor, relayout) | 设置此气泡尾部指向的位置。 | |
| setColour(colour) | 设置此气泡的背景和尾巴的颜色。 | |
| setDragging(_start) | ||
| setPositionRelativeToAnchor(left, top) | 设置此气泡相对于其锚点的位置。 | |
| setSize(size, relayout) | protected |
设置此气泡的大小,包括边框。 |
| startDrag() | 开始拖动气泡。 | |
| unselect() |