blockly > Flotante

Clase flotante

Clase para un flotante.

Signature:

export declare abstract class Flyout extends DeleteArea implements IAutoHideable, IFlyout 

Extiende: DeleteArea

Elementos implementados: 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 menú 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 "arrastrando hacia el espacio de trabajo". Los arrastres que se encuentren dentro de los límites de esta cantidad de grados desde la línea ortogonal hasta el borde flotante se consideran "arrastraciones hacia el espacio de trabajo".
FlyoutItemType	static	tipodeFlyoutItemType	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.
MARGEN	readonly	número
rectMap_	protected	WeakMap<BlockSvg, SVGElement>
RTL		boolean
SCROLLBAR_MARGIN	readonly	número	Relleno 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	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 menú flotante.
workspace_	protected	WorkspaceSvg

Métodos

Método	Modificadores	Descripción
addBlockListeners_(raíz, bloque, 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 menú flotante de cierre automático.
blockIsRecyclable_(_block)	protected	Muestra si se puede reciclar o no el bloque especificado.
createDom(tagName)		Crea el DOM del flotante. Solo se lo debe llamar una vez. El menú flotante puede existir como su propio elemento SVG o ser un elemento g anidado dentro de un elemento SVG separado.
createRect_(block, x, y, blockHW, índice)	protected	Crea y coloca un rectángulo correspondiente al bloque determinado.
dispose()		Elimina este menú 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()		Obtiene la escala (nivel de zoom) del menú flotante. De forma predeterminada, 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 menú 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 control flotante.
initFlyoutButton_(button, x, y)	protected	Inicializa el botón determinado: muévelo a la ubicación correcta, agrega objetos de escucha, etcétera.
isDragTowardWorkspace(currentDragDeltaXY)	abstract	Determina si un delta de arrastre se orienta hacia el lugar de trabajo, según la posición y la orientación del control flotante. Se usa en determineDragIntention_ para determinar si se debe crear un nuevo bloque o si se debe desplazar el control flotante.
isVisible()		¿Es visible el menú flotante?
layout_(contenidos, brechas)	protected abstract	Coloca los bloques en el menú flotante.
moveRectToBlock_(rect, block)	protected	Mueve un rectángulo para colocarte exactamente detrás de un bloque, teniendo en cuenta las pestañas, los sombreros y cualquier otra protuberancia que inventemos.
position()	abstract	Posiciona el menú flotante.
positionAt_(ancho, altura, x, y)	protected	Actualiza la vista según las coordenadas calculadas en position().
reflow()		Reprocesamiento de los bloques y sus alfombras
reflowInternal_()	protected abstract	Calcula la altura del control flotante. Coloca la almohadilla debajo de cada bloque. Para RTL: Extiende los bloques alineados a la derecha.
scrollToStart()	abstract	Desplaza el control flotante hasta el principio de su contenido.
serializeBlock(block)	protected	Serializa un bloque en JSON.
setAutoClose(autoClose)		Establece si este menú flotante se cierra automáticamente cuando se arrastran los bloques, se hace clic en el espacio de trabajo, etc.
setContainerVisible(visible)		Establece si el contenedor de este menú flotante es visible.
setContents(contents)		Almacena la lista de botones y bloques en el menú flotante.
setMetrics_(xyRatio)	protected abstract	Establece la traducción del menú flotante para que coincida con las barras de desplazamiento.
setVisible(visible)		Establece si el control flotante es visible. El valor "true" no necesariamente significa que se muestre el control flotante. Podría estar oculto porque su contenedor está oculto.
show(flyoutDef)		Muestra y propaga el menú flotante.
wheel_(e)	protected abstract	Desplázate por el menú flotante.