bubbles.Bubble sınıfı
Soyut pop-up balon sınıfı. Bu işlem, konuşma balonuna benzeyen bir kullanıcı arayüzü oluşturur. Bu kullanıcı arayüzünde, bloğu işaret eden bir "kuyruk" ve rastgele SVG öğelerini gösteren bir "kafa" bulunur.
İmza:
export declare abstract class Bubble implements IBubble, ISelectable
Uyguladığı API'ler: IBubble, ISelectable
Markalar
| Marka | Değiştiriciler | Açıklama |
|---|---|---|
| (constructor)(workspace, anchor, ownerRect, overriddenFocusableElement) | Bubble sınıfının yeni bir örneğini oluşturur |
Özellikler
| Mülk | Değiştiriciler | Tür | Açıklama |
|---|---|---|---|
| ANCHOR_RADIUS |
|
(not declared) | Ok noktası ile sabitleme noktası arasındaki mesafe. |
| anchor | protected |
Koordinat | |
| BORDER_WIDTH |
|
(not declared) | Kabarcığın etrafındaki kenarlığın genişliği. |
| contentContainer | protected |
SVGGElement | Balonun içeriğini içeren SVG grubu. |
| disposed | boolean | Balon kullanımdan kaldırıldıysa doğru, aksi takdirde yanlış değerini döndürür. | |
| DOUBLE_BORDER |
|
sayı | Kabarcığın etrafındaki kenarlığın genişliğini ikiye katlayın. |
| id | dize | ||
| MIN_SIZE |
|
sayı | Kabarcığın sahip olabileceği minimum boyut. |
| ownerRect? | protected |
Rect | undefined | (İsteğe bağlı) |
| svgRoot | protected |
SVGGElement | Balonun tüm bölümlerini içeren SVG grubu. |
| TAIL_ANGLE |
|
(not declared) | Kuyruğun saat yönünün tersine büküldüğü derece sayısı. |
| TAIL_BEND |
|
(not declared) | Kuyruğun kıvrımının keskinliği. Daha yüksek değerler, daha yumuşak kuyruklar elde etmenizi sağlar. |
| TAIL_THICKNESS |
|
(not declared) | Kuyruğun tabanının kalınlığı, kabarcığın boyutuna göre belirlenir. Sayılar ne kadar yüksek olursa kuyruk o kadar ince olur. |
| workspace | readonly |
WorkspaceSvg |
Yöntemler
| Yöntem | Değiştiriciler | Açıklama |
|---|---|---|
| canBeFocused() | IFocusableNode.canBeFocused işlevine bakın. | |
| dispose() | Bu baloncuğu kaldırın. | |
| drag(newLoc) | Balonu belirtilen konuma sürükler. | |
| endDrag() | Balonu sürüklemeyi sonlandırır. | |
| getColour() | protected |
Bu balonun arka planının ve kuyruğunun rengini döndürür. |
| getFocusableElement() | IFocusableNode.getFocusableElement işlevine bakın. | |
| getFocusableTree() | IFocusableNode.getFocusableTree işlevine bakın. | |
| getSize() | protected |
|
| isMovable() | Bu baloncuğun taşınabilir olup olmadığını döndürür. | |
| onNodeBlur() | IFocusableNode.onNodeBlur'a bakın. | |
| onNodeFocus() | Bkz. IFocusableNode.onNodeFocus. | |
| positionByRect(rect) | protected |
Balonu, çoğu görünür olacak ve dikdörtgenle (varsa) örtüşmeyecek şekilde "en uygun" şekilde konumlandırır. |
| positionRelativeToAnchor() | protected |
Baloncuğu sabit öğesine göre konumlandırır. Kuyruğunu oluşturmaz. |
| revertDrag() | Balonu, sürüklemenin başlangıcındaki konumuna geri getirir. | |
| select() | ||
| setAnchorLocation(anchor, relayout) | Bu baloncuğun kuyruğunun gösterdiği konumu ayarlayın. | |
| setColour(colour) | Bu balonun arka planının ve kuyruğunun rengini ayarlar. | |
| setDragging(_start) | ||
| setPositionRelativeToAnchor(left, top) | Bu balonun sabit öğesine göre konumunu belirler. | |
| setSize(size, relayout) | protected |
Kenarlık dahil bu kabarcığın boyutunu belirler. |
| startDrag() | Balonu sürükleme işlemini başlatır. | |
| unselect() |