Class bubbles.Bubble
Class balon pop-up abstrak. Tindakan ini akan membuat UI yang terlihat seperti balon ucapan, dengan "ekor" yang mengarah ke blok, dan "kepala" yang menampilkan elemen svg arbitrer.
Tanda Tangan:
export declare abstract class Bubble implements IBubble, ISelectable
Mengimplementasikan: IBubble, ISelectable
Konstruktor
| Konstruktor | Pengubah | Deskripsi |
|---|---|---|
| (constructor)(workspace, anchor, ownerRect, overriddenFocusableElement) | Membuat instance baru class Bubble |
Properti
| Properti | Pengubah | Jenis | Deskripsi |
|---|---|---|---|
| ANCHOR_RADIUS |
|
(tidak dideklarasikan) | Jarak antara titik panah dan titik anchor. |
| anchor | protected |
Koordinat | |
| BORDER_WIDTH |
|
(tidak dideklarasikan) | Lebar batas di sekitar balon. |
| contentContainer | protected |
SVGGElement | Grup SVG yang berisi konten balon. |
| dihapus | boolean | Benar jika balon telah dihapus, salah jika tidak. | |
| DOUBLE_BORDER |
|
angka | Melipatgandakan lebar batas di sekitar balon. |
| id | string | ||
| MIN_SIZE |
|
angka | Ukuran minimum yang dapat dimiliki balon. |
| ownerRect? | protected |
Rect | undefined | (Opsional) |
| svgRoot | protected |
SVGGElement | Grup SVG yang berisi semua bagian balon. |
| TAIL_ANGLE |
|
(tidak dideklarasikan) | Jumlah derajat yang dibengkokkan ekor berlawanan arah jarum jam. |
| TAIL_BEND |
|
(tidak dideklarasikan) | Ketajaman lengkungan ekor. Angka yang lebih tinggi akan menghasilkan ekor yang lebih halus. |
| TAIL_THICKNESS |
|
(tidak dideklarasikan) | Ketebalan dasar ekor sehubungan dengan ukuran balon. Angka yang lebih tinggi akan menghasilkan ekor yang lebih tipis. |
| ruang kerja | readonly |
WorkspaceSvg |
Metode
| Metode | Pengubah | Deskripsi |
|---|---|---|
| canBeFocused() | Lihat IFocusableNode.canBeFocused. | |
| dispose() | Buang balon ini. | |
| drag(newLoc) | Menarik balon ke lokasi yang ditentukan. | |
| endDrag() | Mengakhiri tarikan pada balon. | |
| getColour() | protected |
Menampilkan warna latar belakang dan ekor balon ini. |
| getFocusableElement() | Lihat IFocusableNode.getFocusableElement. | |
| getFocusableTree() | Lihat IFocusableNode.getFocusableTree. | |
| getSize() | protected |
|
| isMovable() | Menampilkan apakah balon ini dapat dipindahkan atau tidak. | |
| onNodeBlur() | Lihat IFocusableNode.onNodeBlur. | |
| onNodeFocus() | Lihat IFocusableNode.onNodeFocus. | |
| positionByRect(rect) | protected |
Memosisikan balon "secara optimal" sehingga sebagian besar balon terlihat dan tidak tumpang-tindih dengan persegi panjang (jika disediakan). |
| positionRelativeToAnchor() | protected |
Memosisikan balon relatif terhadap anchor-nya. Tidak merender ekornya. |
| revertDrag() | Memindahkan balon kembali ke posisi awal saat ditarik. | |
| select() | ||
| setAnchorLocation(anchor, relayout) | Tetapkan lokasi yang ditunjuk oleh ekor balon ini. | |
| setColour(colour) | Menetapkan warna latar belakang dan ekor balon ini. | |
| setDragging(_start) | ||
| setPositionRelativeToAnchor(left, top) | Menetapkan posisi balon ini relatif terhadap anchor-nya. | |
| setSize(size, relayout) | protected |
Menetapkan ukuran balon ini, termasuk batasnya. |
| startDrag() | Memulai operasi tarik pada balon. | |
| unselect() |