bubbles.Bubble sınıfı
Soyut pop-up baloncuk sınıfı. Bu işlem, konuşma balonuna benzeyen, bloğu işaret eden bir "kuyruğu" ve rastgele svg öğelerini görüntüleyen bir "baş"ı olan bir kullanıcı arayüzü oluşturur.
İmza:
export declare abstract class Bubble implements IBubble, ISelectable
Uygulandığı yer: IBubble, ISelectable
Markalar
Marka | Değiştiriciler | Açıklama |
---|---|---|
(oluşturma edici)(workspace, bağlayıcı, ownerRect) | Bubble sınıfının yeni bir örneğini oluşturur |
Özellikler
Özellik | Değiştiriciler | Tür | Açıklama |
---|---|---|---|
ANCHOR_RADIUS |
|
(beyan edilmedi) | Ok noktası ile sabitleme noktası arasındaki mesafe. |
bağlantı | protected |
Koordinatör | |
BORDER_WIDTH |
|
(beyan edilmedi) | Kabarcığın etrafındaki kenarlığın genişliği. |
contentContainer | protected |
SVGGElement | Balonun içeriğini içeren SVG grubu. |
silindi | boolean | Balon atılmışsa true (doğru), aksi halde false (yanlış) değerine ayarlanır. | |
DOUBLE_BORDER |
|
sayı | Balonun etrafındaki kenarlığın genişliğini iki katına çıkarın. |
id | dize | ||
MIN_SIZE |
|
sayı | Balonun sahip olabileceği minimum boyut. |
ownerRect? | protected |
Dikdörtgen | tanımsız | (İsteğe bağlı) |
svgRoot | protected |
SVGGElement | Balonun tüm bölümlerini içeren SVG grubu. |
TAIL_ANGLE |
|
(beyan edilmedi) | Kuyruğun saat yönünün tersine büküldüğü derece sayısı. |
TAIL_BEND |
|
(beyan edilmedi) | Kuyruğun kıvrımının keskinliği. Sayı ne kadar yüksek olursa kuyruklar da o kadar yumuşak olur. |
TAIL_THICKNESS |
|
(beyan edilmedi) | Kabarcığın boyutuna göre kuyruğun tabanının kalınlığı. Sayı ne kadar büyükse, kuyruk da o kadar incedir. |
workspace | readonly |
WorkspaceSvg |
Yöntemler
Yöntem | Değiştiriciler | Açıklama |
---|---|---|
dispose() | Bu balonu atın. | |
drag(newLoc) | Balonu belirtilen konuma sürükleyin. | |
endDrag() | Balondaki sürüklemeyi sona erdirir. | |
getColour() | protected |
Bu balonun arka plan ve kuyruk rengini döndürür. |
getSize() | protected |
|
isMovable() | Bu balonun taşınabilir olup olmadığını döndürür. | |
positionByRect(rect) | protected |
Balonu, büyük bir kısmı görünecek ve dikdörtgenle (sağlanmışsa) çakışmayacak şekilde "optimum şekilde" yerleştirir. |
positionRelativeToAnchor() | protected |
Balonu, bağlayıcısına göre konumlandırır. Kuyruğunu oluşturmaz. |
revertDrag() | Balonu sürüklemenin başlangıcındaki yerine geri taşır. | |
select() | ||
setAnchorLocation(anchor, relayout) | Bu balonun kuyruğunun işaret ettiği konumu ayarlayın. | |
setColour(colour) | Bu balonun arka plan ve kuyruk rengini ayarlar. | |
setDragging(_start) | ||
setPositionRelativeToAnchor(left, top) | Bu balonun konumunu, çapasına göre konumunu ayarlar. | |
setSize(size, relayout) | protected |
Kenarlık da dahil olmak üzere bu balonun boyutunu ayarlar. |
startDrag() | Balonda sürükleme işlemi başlar. | |
unselect() |