blockly > bubbles > Bubble

bubbles.Bubble 类

抽象弹出式气泡类。这会创建一个看起来像气泡的界面,其中包含指向相应块的“尾巴”和用于显示任意 SVG 元素的“头部”。

Signature:

export declare abstract class Bubble implements IBubble, ISelectable 

实现IBubbleISelectable

构造函数

构造函数 修饰符 说明
(constructor)(workspace, anchor, ownerRect, overriddenFocusableElement) 构造 Bubble 类的新实例

属性

属性 修饰符 类型 说明
ANCHOR_RADIUS

static

readonly

(not declared) 箭头点与锚点之间的距离。
protected 坐标
BORDER_WIDTH

static

readonly

(not declared) 气泡周围边框的宽度。
contentContainer protected SVGGElement 包含气泡内容的 SVG 组。
已处置 布尔值 如果气泡已被处置,则为 true;否则为 false。
DOUBLE_BORDER

static

readonly

数值 将气泡周围边框的宽度加倍。
id 字符串
MIN_SIZE

static

readonly

数值 气泡可采用的最小尺寸。
ownerRect? protected Rect | 未定义 (可选)
svgRoot protected SVGGElement 包含气泡所有部分的 SVG 组。
TAIL_ANGLE

static

readonly

(not declared) 尾巴逆时针弯曲的度数。
TAIL_BEND

static

readonly

(not declared) 尾巴弯曲的锐度。数字越高,尾部越平滑。
TAIL_THICKNESS

static

readonly

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