blockly > Flyout

Clase flotante

Es la clase de vuelo flotante.

Signature:

export declare abstract class Flyout extends DeleteArea implements IAutoHideable, IFlyout 

Extiende: DeleteArea

Se implementa: IAutoHideable, IFlyout

Constructores

Constructor	Modificadores	Descripción
(constructor)(workspaceOptions)		Construye una instancia nueva de la clase Flyout.

Propiedades

Propiedad	Modificadores	Tipo	Descripción
autoClose		boolean	¿El control flotante se cierra automáticamente cuando se crea un bloque?
buttons_	protected	FlyoutButton[]	Lista de botones visibles.
contenido	protected	FlyoutItem[]	Lista de botones y bloques visibles.
CORNER_RADIUS	readonly	número	Radio de esquina del fondo flotante.
dragAngleRange_	protected	número	Rango de un ángulo de arrastre desde un menú flotante considerado "arrastrar hacia el espacio de trabajo". Se consideran "arrastraciones hacia el espacio de trabajo" los arrastres que están dentro de los límites de estos tantos grados desde la línea ortogonal hasta el borde flotante.
FlyoutItemType	static	typeof FlyoutItemType	El tipo de elemento de contenido flotante.
GAP_X	readonly	número
GAP_Y	readonly	número
height_	protected	número	Altura del control flotante.
MÁRGEN	readonly	número
rectMap_	protected	WeakMap<BlockSvg, SVGElement>
RTL		boolean
SCROLLBAR_MARGIN	readonly	número	Padding superior/inferior entre la barra de desplazamiento y el borde del fondo flotante.
svgBackground_	protected	SVGPathElement | nulo	La ruta alrededor del fondo del menú flotante, que se rellenará con un color de fondo.
svgGroup_	protected	SVGGElement | nulo	Es el grupo de SVG raíz para el botón o la etiqueta.
tabWidth_	protected readonly	número
toolboxPosition_	protected	número
width_	protected	número	Ancho del control flotante.
workspace_	protected	WorkspaceSvg

Métodos

Método	Modificadores	Descripción
addBlockListeners_(root, block, rect)	protected	Agrega objetos de escucha a un bloque que se haya agregado al menú flotante.
autoHide(onlyClosePopups)		Oculta automáticamente el control flotante si es un control flotante de cierre automático.
blockIsRecyclable_(_block)	protected	Muestra si el bloque determinado se puede reciclar o no.
createDom(tagName)		Crea el DOM del control flotante. Solo se debe llamar una vez. El control flotante puede existir como su propio elemento SVG o ser un elemento g anidado dentro de un elemento SVG independiente.
createRect_(block, x, y, blockHW, índice)	protected	Crea y coloca un rectángulo que corresponda al bloque dado.
dispose()		Desecha este control flotante. Desvincula todos los elementos del DOM para evitar fugas de memoria.
getContents()		Obtén la lista de botones y bloques del menú flotante actual.
getFlyoutScale()		Obtén la escala (nivel de zoom) del menú flotante. De forma predeterminada, esto coincide con la escala del lugar de trabajo de destino, pero se puede anular.
getHeight()		Obtén la altura del control flotante.
getWidth()		Obtén el ancho del control flotante.
getWorkspace()		Obtén el espacio de trabajo dentro del menú flotante.
getX().	abstract	Calcula la coordenada x para la posición del control flotante.
getY().	abstract	Calcula la coordenada Y para la posición del control flotante.
hide()		Oculta y vacía el menú flotante.
init(targetWorkspace)		Inicializa el menú flotante.
initFlyoutButton_(botón, x, y)	protected	Inicializa el botón dado: muévelo a la ubicación correcta, agrega objetos de escucha, etcétera.
isDragTowardWorkspace(currentDragDeltaXY)	abstract	Determina si un delta de arrastre se acerca al espacio de trabajo, según la posición y la orientación del control flotante. Esto se utiliza en determinarDragIntention_ para determinar si se debe crear un bloque nuevo o si el control flotante debe desplazarse.
isVisible()		¿Es visible el menú flotante?
layout_(contenido, brechas)	protected abstract	Coloca los bloques en el control flotante.
moveRectToBlock_(rect, block)	protected	Mueve un rectángulo para colocarlo exactamente detrás de un bloque, teniendo en cuenta las pestañas, los sombreros y cualquier otra protrusión que inventemos.
position()	abstract	Posiciona el control flotante.
positionAt_(ancho, altura, x, y)	protected	Actualiza la vista según las coordenadas calculadas en position().
reprocesamiento()		Bloques de reprocesamiento y sus tapetes.
reflowInternal_()	protected abstract	Calcula la altura del control flotante. Coloca la tapa debajo de cada bloque. Para RTL: Coloca los bloques alineados a la derecha.
scrollToStart()	abstract	Desplaza el menú flotante hasta el principio de su contenido.
serializeBlock(block)	protected	Serializa un bloque en JSON.
setAutoClose(autoClose)		Define si el menú flotante se cierra automáticamente cuando se arrastran los bloques, cuando se hace clic en el espacio de trabajo, etc.
setContainerVisible(visible)		Establece si el contenedor de este flotante es visible.
setContents(contents)		Almacena la lista de botones y bloques en el menú flotante.
setMetrics_(xyRatio)	protected abstract	Configura la traducción del control flotante para que coincida con las barras de desplazamiento.
setVisible(visible)		Establece si el control flotante es visible. Un valor de true no significa necesariamente que se muestre el control flotante. Se podría ocultar porque su contenedor está oculto.
show(flyoutDef)		Muestra y completa el control flotante.
wheel_(e)	protected abstract	Desplázate por el menú flotante.