blockly > Burbuja

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	static readonly	(no declarado)	Distancia entre el punto de la flecha y el punto de anclaje.
ancla	protected	Coordinate
BORDER_WIDTH	static readonly	(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	static readonly	número	Duplica el ancho del borde que está alrededor de la burbuja.
MIN_SIZE	static readonly	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	static readonly	(no declarado)	El número de grados que se dobla la cola en sentido contrario a las manecillas del reloj.
TAIL_BEND	static readonly	(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	static readonly	(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	protected readonly	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.