Classe bubbles.Bubble
La classe astratta della bolla popup. Viene creata un'interfaccia utente simile a una bolla di dialogo, con una "coda" che punta al blocco e una "testa" che mostra elementi SVG arbitrari.
Firma:
export declare abstract class Bubble implements IBubble, ISelectable
Implementa: IBubble, ISelectable
Costruttori
| Costruttore | Modificatori | Descrizione |
|---|---|---|
| (constructor)(workspace, anchor, ownerRect, overriddenFocusableElement) | Costruisce una nuova istanza della classe Bubble |
Proprietà
| Proprietà | Modificatori | Tipo | Descrizione |
|---|---|---|---|
| ANCHOR_RADIUS |
|
(not declared) | Distanza tra il punto freccia e il punto di ancoraggio. |
| anchor | protected |
Coordinate | |
| BORDER_WIDTH |
|
(not declared) | La larghezza del bordo intorno alla bolla. |
| contentContainer | protected |
SVGGElement | Il gruppo SVG contenente i contenuti della bolla. |
| disposed | booleano | Vero se la bolla è stata eliminata, falso in caso contrario. | |
| DOUBLE_BORDER |
|
numero | Raddoppia la larghezza del bordo attorno alla bolla. |
| id | stringa | ||
| MIN_SIZE |
|
numero | Le dimensioni minime che può avere la bolla. |
| ownerRect? | protected |
Rect | undefined | (Facoltativo) |
| svgRoot | protected |
SVGGElement | Il gruppo SVG contenente tutte le parti della bolla. |
| TAIL_ANGLE |
|
(not declared) | Il numero di gradi in cui la coda si piega in senso antiorario. |
| TAIL_BEND |
|
(not declared) | L'intensità della curva della coda. Numeri più elevati generano code più lisce. |
| TAIL_THICKNESS |
|
(not declared) | Lo spessore della base della coda rispetto alle dimensioni della bolla. Numeri più elevati comportano code più sottili. |
| workspace | readonly |
WorkspaceSvg |
Metodi
| Metodo | Modificatori | Descrizione |
|---|---|---|
| canBeFocused() | Consulta IFocusableNode.canBeFocused. | |
| dispose() | Elimina questa bolla. | |
| drag(newLoc) | Trascina la bolla nella posizione specificata. | |
| endDrag() | Termina il trascinamento della bolla. | |
| getColour() | protected |
Restituisce il colore dello sfondo e della coda di questa bolla. |
| getFocusableElement() | Consulta IFocusableNode.getFocusableElement. | |
| getFocusableTree() | Consulta IFocusableNode.getFocusableTree. | |
| getSize() | protected |
|
| isMovable() | Restituisce se questa bolla è spostabile o meno. | |
| onNodeBlur() | Vedi IFocusableNode.onNodeBlur. | |
| onNodeFocus() | Consulta IFocusableNode.onNodeFocus. | |
| positionByRect(rect) | protected |
Posiziona la bolla in modo "ottimale" in modo che la maggior parte sia visibile e non si sovrapponga al rettangolo (se fornito). |
| positionRelativeToAnchor() | protected |
Posiziona la bolla rispetto al suo ancoraggio. Non viene visualizzata la coda. |
| revertDrag() | Consente di spostare la bolla nella posizione in cui si trovava all'inizio di un trascinamento. | |
| select() | ||
| setAnchorLocation(anchor, relayout) | Imposta la posizione indicata dalla coda di questa bolla. | |
| setColour(colour) | Imposta il colore dello sfondo e della coda di questa bolla. | |
| setDragging(_start) | ||
| setPositionRelativeToAnchor(left, top) | Imposta la posizione di questa bolla rispetto al suo ancoraggio. | |
| setSize(size, relayout) | protected |
Imposta le dimensioni di questa bolla, incluso il bordo. |
| startDrag() | Avvia il trascinamento della bolla. | |
| unselect() |