Classe bolla
La classe delle bolle popup astratte. Viene così creata un'interfaccia utente simile a un fumetto con una "coda" che rimanda al blocco e una "testa" che mostra elementi svg arbitrari.
Firma:
export declare abstract class Bubble implements IBubble
Implementa: IBubble
Costruttori
Costruttore | Modificatori | Descrizione |
---|---|---|
(constructor)(workspace, anchor, ownerRect) | Crea una nuova istanza della classe Bubble |
Proprietà
Proprietà | Modificatori | Tipo | Descrizione |
---|---|---|---|
ANCHOR_RADIUS |
|
(non dichiarato) | Distanza tra il punto della freccia e il punto di ancoraggio. |
ancoraggio | protected |
Coordinate | |
BORDER_WIDTH |
|
(non dichiarato) | La larghezza del bordo intorno alla bolla. |
contentContainer | protected |
SVGGElement | Il gruppo SVG che contiene i contenuti della bolla. |
eliminato | boolean | True se la bolla è stata eliminata, altrimenti false. | |
DOUBLE_BORDER |
|
numero | Raddoppia lo spessore del bordo intorno alla bolla. |
MIN_SIZE |
|
numero | Le dimensioni minime che la bolla può avere. |
ownerRect? | protected |
Rettangolo | non definito | (Facoltativo) |
svgRoot | protected |
SVGGElement | Il gruppo SVG contenente tutte le parti della bolla. |
TAIL_ANGLE |
|
(non dichiarato) | Il numero di gradi di piegatura della coda in senso antiorario. |
TAIL_BEND |
|
(non dichiarato) | La nitidezza della curva della coda. Numeri più alti generano code più fluide. |
TAIL_THICKNESS |
|
(non dichiarato) | Lo spessore della base della coda rispetto alle dimensioni della bolla. Numeri più alti comportano code più sottili. |
workspace |
|
WorkspaceSvg |
Metodi
Metodo | Modificatori | Descrizione |
---|---|---|
disposizione() | Smaltisci la bolla. | |
getColour() | protected |
Restituisce il colore dello sfondo e della coda della bolla. |
getSize() | protected |
|
positionByRect(rect) | protected |
Posiziona la bolla "in modo ottimale" in modo che sia visibile per la maggior parte e non si sovrapponga al rettangolo (se disponibile). |
positionRelativeToAnchor() | protected |
Posiziona la bolla rispetto al relativo ancoraggio. Non esegue il rendering della coda. |
setAnchorLocation(anchor, relayout) | Imposta la posizione a cui punta la coda di questa bolla. | |
setColour(colour) | Consente di impostare il colore dello sfondo e della coda della bolla. | |
setDragging(_start) | ||
setPositionRelativeToAnchor(left, top) | Imposta la posizione di questa bolla rispetto al relativo ancoraggio. | |
setSize(size, relayout) | protected |
Consente di impostare le dimensioni della bolla, incluso il bordo. |