Clase de burbuja
Es la clase abstracta de burbuja emergente. De esta forma, se creará una IU similar a un globo de diálogo, donde tiene una "cola" que apunta al bloque y una "cabeza" que muestra elementos de SVG arbitrarios.
Signature:
export declare abstract class Bubble implements IBubble
Implementa: IBubble
Constructores
Constructor | Modificadores | Descripción |
---|---|---|
(constructor)(workspace, Anchor, ownerRect) | Construye una instancia nueva de la clase Bubble . |
Propiedades
Propiedad | Modificadores | Tipo | Descripción |
---|---|---|---|
ANCHOR_RADIUS |
|
(no declarado) | Distancia entre el punto de la flecha y el punto de anclaje. |
ancla | protected |
Coordinate | |
BORDER_WIDTH |
|
(no declarado) | El ancho del borde alrededor de la burbuja. |
contentContainer | protected |
SVGGElement | El grupo de SVG que contiene el contenido de la burbuja. |
desechado | boolean | Es verdadero si se desechó la burbuja; de lo contrario, es falso. | |
DOUBLE_BORDER |
|
número | Duplica el ancho del borde que está alrededor de la burbuja. |
MIN_SIZE |
|
número | 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) | El 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. Cuanto más alto sea el número, más delgada será la cola. |
lugar de trabajo |
|
WorkspaceSvg |
Métodos
Método | Modificadores | Descripción |
---|---|---|
dispose(). | Desecha esta burbuja. | |
getColour() | protected |
Muestra el color del fondo y la cola de esta burbuja. |
getSize() | protected |
|
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. |
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 la 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. |