Clase bubbles.Bubble
La clase abstracta de la burbuja emergente. Esto crea una IU que parece una burbuja de diálogo, en la que tiene una "cola" que apunta al bloque y una "cabeza" que muestra elementos SVG arbitrarios.
Signature:
export declare abstract class Bubble implements IBubble, ISelectable
Implementa: IBubble, ISelectable
Constructores
| Constructor | Modificadores | Descripción |
|---|---|---|
| (constructor)(workspace, anchor, ownerRect, overriddenFocusableElement) | Construye una instancia nueva de la clase Bubble. |
Propiedades
| Propiedad | Modificadores | Tipo | Descripción |
|---|---|---|---|
| ANCHOR_RADIUS |
|
(no declarado) | Distancia entre el punto de flecha y el punto de anclaje. |
| anclaje | protected |
Coordinar | |
| BORDER_WIDTH |
|
(no declarado) | Es el ancho del borde alrededor de la burbuja. |
| contentContainer | protected |
SVGGElement | Es el grupo SVG que contiene el contenido de la burbuja. |
| disposed | booleano | Es verdadero si se eliminó la burbuja; de lo contrario, es falso. | |
| DOUBLE_BORDER |
|
número | Dobla el ancho del borde alrededor de la burbuja. |
| id | string | ||
| MIN_SIZE |
|
número | Es el tamaño mínimo que puede tener la burbuja. |
| ownerRect? | protected |
Rect | undefined | (Opcional) |
| svgRoot | protected |
SVGGElement | El grupo SVG que contiene todas las partes de la burbuja. |
| TAIL_ANGLE |
|
(no declarado) | Es la cantidad de grados que se dobla la cola en sentido contrario a las manecillas del reloj. |
| TAIL_BEND |
|
(no declarado) | La nitidez de la curva de la cola. Los números más altos generan colas más suaves. |
| TAIL_THICKNESS |
|
(no declarado) | Es el grosor de la base de la cola en relación con el tamaño de la burbuja. Los números más altos generan colas más delgadas. |
| workspace | readonly |
WorkspaceSvg |
Métodos
| Método | Modificadores | Descripción |
|---|---|---|
| canBeFocused() | Consulta IFocusableNode.canBeFocused. | |
| dispose() | Descartar esta burbuja | |
| drag(newLoc) | Arrastra la burbuja a la ubicación determinada. | |
| endDrag() | Finaliza el arrastre de la burbuja. | |
| getColour() | protected |
Muestra el color del fondo y la cola de esta burbuja. |
| getFocusableElement() | Consulta IFocusableNode.getFocusableElement. | |
| getFocusableTree() | Consulta IFocusableNode.getFocusableTree. | |
| getSize() | protected |
|
| isMovable() | Muestra si esta burbuja se puede mover o no. | |
| onNodeBlur() | Consulta IFocusableNode.onNodeBlur. | |
| onNodeFocus() | Consulta IFocusableNode.onNodeFocus. | |
| positionByRect(rect) | protected |
Coloca la burbuja de forma "óptima" para que la mayor parte sea visible y no se superponga con el rectángulo (si se proporciona). |
| positionRelativeToAnchor() | protected |
Posiciona la burbuja en relación con su ancla. No renderiza la cola. |
| revertDrag() | Vuelve a colocar la burbuja en el lugar donde estaba al comienzo de un arrastre. | |
| select() | ||
| setAnchorLocation(anchor, relayout) | Establece la ubicación a la que apunta la cola de esta burbuja. | |
| setColour(colour) | Establece el color del fondo y de la cola de esta burbuja. | |
| setDragging(_start) | ||
| setPositionRelativeToAnchor(left, top) | Establece la posición de esta burbuja en relación con su ancla. | |
| setSize(size, relayout) | protected |
Establece el tamaño de esta burbuja, incluido el borde. |
| startDrag() | Inicia un arrastre en la burbuja. | |
| unselect() |