bubbles.Classe bolla
La classe pop-up bubble astratta. Viene creata una UI simile a un fumetto, con una "coda" che punta al blocco e una "head" che mostra elementi SVG arbitrari.
Firma:
export declare abstract class Bubble implements IBubble, ISelectable
Implementazioni: IBubble, ISelectable
Costruttori
| Costruttore | Modificatori | Descrizione |
|---|---|---|
| (costruttore)(workspace, ancoraggio, proprietarioRect) | Crea una nuova istanza della classe Bubble |
Proprietà
| Proprietà | Modificatori | Tipo | Descrizione |
|---|---|---|---|
| ANCHOR_RADIUS |
|
(non dichiarato) | Distanza tra il punto 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 include il contenuto del fumetto. |
| eliminato | booleano | True se la bolla è stata eliminata, false in caso contrario. | |
| DOUBLE_BORDER |
|
numero | Il doppio della larghezza del bordo intorno alla bolla. |
| id | stringa | ||
| MIN_SIZE |
|
numero | Le dimensioni minime consentite dalla bolla. |
| 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 curvatura 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 | readonly |
WorkspaceSvg |
Metodi
| Metodo | Modificatori | Descrizione |
|---|---|---|
| dispose() | Elimina questa bolla. | |
| drag(newLoc) | Trascina la bolla nella posizione specificata. | |
| endDrag() | Termina il trascinamento sulla bolla. | |
| getColour() | protected |
Restituisce il colore dello sfondo e della coda della bolla. |
| getSize() | protected |
|
| isMovable() | Indica se la bolla è spostabile o meno. | |
| positionByRect(rect) | protected |
Posiziona il fumetto in modo "ottimale" in modo che la maggior parte degli elementi sia visibile e non si sovrapponga al rettangolo (se presente). |
| positionRelativeToAnchor() | protected |
Posiziona la bolla rispetto all'ancoraggio. Non mostra la coda. |
| revertDrag() | Riporta la bolla nel punto in cui si trovava all'inizio del trascinamento. | |
| select() | ||
| setAnchorLocation(anchor, relayout) | Imposta la posizione verso cui punta la coda di questa bolla. | |
| setColour(colour) | Imposta il colore dello sfondo e della coda della bolla. | |
| setDragging(_start) | ||
| setPositionRelativeToAnchor(left, top) | Imposta la posizione di questa bolla rispetto all'ancoraggio. | |
| setSize(size, relayout) | protected |
Consente di impostare le dimensioni della bolla, incluso il bordo. |
| startDrag() | Avvia un trascinamento sulla bolla. | |
| deseleziona() |