Bubble クラス
抽象ポップアップ バブルクラス。これにより、吹き出しのような UI が作成されます。この UI には、ブロックを指す「尾」と、任意の SVG 要素を表示する「head」があります。
署名:
export declare abstract class Bubble implements IBubble, ISelectable
実装: IBubble、ISelectable
コンストラクタ
コンストラクタ | 修飾子 | 説明 |
---|---|---|
(コンストラクタ)(workspace、アンカー、ownerRect) | Bubble クラスの新しいインスタンスを作成します。 |
プロパティ
プロパティ | 修飾子 | タイプ | 説明 |
---|---|---|---|
ANCHOR_RADIUS |
|
(未申告) | 矢印ポイントとアンカー ポイントの距離。 |
アンカー | protected |
コーディネート | |
BORDER_WIDTH |
|
(未申告) | バブルを囲む枠線の幅。 |
contentContainer | protected |
SVGGElement | バブルのコンテンツを含む SVG グループ。 |
破棄済み | boolean | バブルが破棄された場合は true、それ以外の場合は false です。 | |
DOUBLE_BORDER |
|
数値 | ふきだしを囲む枠線の幅を 2 倍にします。 |
id | string | ||
MIN_SIZE |
|
数値 | バブルの最小サイズ。 |
ownerRect? | protected |
長方形 | 未定義 | (省略可) |
svgRoot | protected |
SVGGElement | バブルのすべての部分を含む SVG グループ。 |
TAIL_ANGLE |
|
(未申告) | テールが反時計回りに曲がる角度。 |
TAIL_BEND |
|
(未申告) | しっぽの鋭さ。数値が大きいほど、テールが滑らかになります。 |
TAIL_THICKNESS |
|
(未申告) | 気泡の大きさに対する尾根の太さ。数値が大きいほどテールは薄くなります。 |
ワークスペース | 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() |