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() |