Clase de burbuja
La clase abstracta pop-up. Esto creará una IU similar a un globo de diálogo, donde tiene una "cola". que apunta al bloque, y una "cabeza" que muestre elementos SVG arbitrarios.
Signature:
export declare abstract class Bubble implements IBubble, ISelectable
Elementos implementables: IBubble, ISelectable
Constructores
| Constructor | Modificadores | Descripción |
|---|---|---|
| (constructor)(lugar de trabajo, 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 flecha y el punto de anclaje. |
| fijo | protected |
Coordinar | |
| BORDER_WIDTH |
|
(no declarado) | Es el ancho del borde alrededor de la burbuja. |
| contentContainer | protected |
SVGGElement | El grupo de SVG que contiene el contenido de la burbuja. |
| desecho | boolean | Es verdadero si se desechó la burbuja. De lo contrario, es falso. | |
| DOUBLE_BORDER |
|
número | Duplica el ancho del borde alrededor de la burbuja. |
| id | string | ||
| MIN_SIZE |
|
número | El tamaño mínimo que puede tener la burbuja. |
| ownerRect? | protected |
Rect | indefinido | (Opcional) |
| svgRoot | protected |
SVGGElement | Grupo de SVG que contiene todas las partes de la burbuja. |
| TAIL_ANGLE |
|
(no declarado) | Cantidad de grados de curva 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) | Espesor 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 finas. |
| lugar de trabajo | readonly |
WorkspaceSvg |
Métodos
| Método | Modificadores | Descripción |
|---|---|---|
| dispose() | Deshazte de esta burbuja. | |
| drag(newLoc) | Arrastra la burbuja a la ubicación especificada. | |
| endDrag() | Finaliza el arrastre del cuadro. | |
| getColour() | protected |
Muestra el color del fondo y de la cola de esta burbuja. |
| getSize() | protected |
|
| isMovable() | Indica si el cuadro se puede mover o no. | |
| positionByRect(rect) | protected |
Posiciona la burbuja en la posición “ó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() | Vuelve a mover la burbuja a donde estaba al comienzo del arrastre. | |
| select() | ||
| setAnchorLocation(anchor, relayout) | Establece la ubicación a la que apunta la cola de este cuadro. | |
| setColour(colour) | Establece el color del fondo y de la cola de esta burbuja. | |
| setDragging(_start) | ||
| setPositionRelativeToAnchor(left, top) | Establece la posición de este cuadro en relación con su ancla. | |
| setSize(size, relayout) | protected |
Establece el tamaño de la burbuja, incluido el borde. |
| startDrag() | Inicia un arrastre en el cuadro. | |
| unselect() |