Bubbles.Bubble クラス
抽象ポップアップ バブルクラス。これにより、吹き出しのような「テール」がある UI が作成されます。ブロックと「ヘッド」の文字が任意の svg 要素を表示します。
署名:
export declare abstract class Bubble implements IBubble, ISelectable
実装: IBubble、ISelectable
コンストラクタ
コンストラクタ | 修飾子 | 説明 |
---|---|---|
(コンストラクタ)(ワークスペース, anchor, ownerRect) | Bubble クラスの新しいインスタンスを作成します。 |
プロパティ
プロパティ | 修飾子 | タイプ | 説明 |
---|---|---|---|
ANCHOR_RADIUS |
|
(未申告) | 矢印とアンカー ポイントの間の距離。 |
アンカー | protected |
座標 | |
BORDER_WIDTH |
|
(未申告) | バブルの周りの枠線の幅。 |
contentContainer | protected |
SVGGElement | バブルの内容が含まれる SVG グループ。 |
廃棄済み | ブール値 | バブルが破棄されている場合は true、それ以外の場合は false です。 | |
DOUBLE_BORDER |
|
数値 | バブルの枠線の幅を 2 倍にします。 |
id | 文字列 | ||
MIN_SIZE |
|
数値 | バブルの最小サイズ。 |
ownerRect? | protected |
Rect |未定義 | (省略可) |
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() |