Clase burbujas.burbuja
La clase abstracta emergente de burbuja. De esta manera, se creará una IU que parece un globo de diálogo, donde 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, ancla, ownerRect) | Construye una instancia nueva de la clase Bubble. |
Propiedades
| Propiedad | Modificadores | Tipo | Descripción |
|---|---|---|---|
| ANCHOR_RADIUS |
|
(no declarado) | Distancia entre el punto de anclaje y el punto de anclaje. |
| ancla | protected |
Coordinación | |
| BORDER_WIDTH |
|
(no declarado) | El ancho del borde alrededor de la burbuja. |
| contentContainer | protected |
SVGGElement | El grupo de SVG que incluye el contenido de la burbuja. |
| desechado | boolean | Es verdadero si se desechó la burbuja y, de lo contrario, es falso. | |
| DOUBLE_BORDER |
|
número | Duplica el ancho del borde alrededor de la burbuja. |
| id | cadena | ||
| MIN_SIZE |
|
número | Es el tamaño mínimo que puede tener la burbuja. |
| ownerRect? | protected |
Rect | no definido | (Opcional) |
| svgRoot | protected |
SVGGElement | El grupo de SVG que contiene todas las partes de la burbuja. |
| TAIL_ANGLE |
|
(no declarado) | Número 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. Cuanto más alto sea el número, más suave será la cola. |
| TAIL_THICKNESS |
|
(no declarado) | Espesor de la base de la cola en relación con el tamaño de la burbuja. Los números más altos hacen que las colas sean más finas. |
| lugar de trabajo | readonly |
WorkspaceSvg |
Métodos
| Método | Modificadores | Descripción |
|---|---|---|
| dispose() | Deshazte de esta burbuja. | |
| arrastrar(newLoc) | Arrastra el cuadro a la ubicación indicada. | |
| endDrag() | Finaliza el arrastre en el cuadro. | |
| getColour() | protected |
Muestra el color del fondo y la cola de esta burbuja. |
| getSize() | protected |
|
| isMovable() | Muestra si esta burbuja se puede mover o no. | |
| positionByRect(rect) | protected |
Posiciona 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 su cola. |
| revertDrag() | Mueve la burbuja a la ubicación en la que se encontraba al comienzo del 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 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 del cuadro, incluido el borde. |
| startDrag() | Inicia un arrastre en la burbuja. | |
| unselect() |