blockly > Flyout

Clase de elemento desplegable

Clase para un menú desplegable.

Signature:

export declare abstract class Flyout extends DeleteArea implements IAutoHideable, IFlyout, IFocusableNode 

Extends: DeleteArea

Implementa: IAutoHideable, IFlyout, IFocusableNode

Constructores

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

Propiedades

Propiedad Modificadores Tipo Descripción
autoClose booleano ¿El menú desplegable se cierra automáticamente cuando se crea un bloque?
contents protected FlyoutItem[] Es la lista de elementos desplegables.
CORNER_RADIUS readonly número Radio de esquina del fondo del menú desplegable.
dragAngleRange_ protected número Es el rango de un ángulo de arrastre desde un menú desplegable que se considera "arrastrar hacia el espacio de trabajo". Los arrastres que se encuentran dentro de los límites de esta cantidad de grados desde la línea ortogonal hasta el borde del menú desplegable se consideran "arrastres hacia el espacio de trabajo".
GAP_X readonly número
GAP_Y readonly número
height_ protected número Altura del menú desplegable.
Infladores protected Map<string, IFlyoutInflater> Es una asignación del tipo de contenido del menú desplegable a la clase de inflador correspondiente responsable de crear instancias concretas del tipo de contenido.
MARGIN readonly número
RTL booleano
SCROLLBAR_MARGIN readonly número Padding superior o inferior entre la barra de desplazamiento y el borde del fondo del menú desplegable.
svgBackground_ protected SVGPathElement | null Es la ruta alrededor del fondo del menú desplegable, que se rellenará con un color de fondo.
svgGroup_ protected SVGGElement | null Es el grupo SVG raíz del botón o la etiqueta.
tabWidth_

protected

readonly

número
toolboxPosition_ protected número
width_ protected número Ancho del menú desplegable.
workspace_ protected WorkspaceSvg

Métodos

Método Modificadores Descripción
autoHide(onlyClosePopups) Oculta automáticamente el menú desplegable si es un menú desplegable de cierre automático.
canBeFocused() Consulta IFocusableNode.canBeFocused.
createDom(tagName) Crea el DOM del menú desplegable. Solo se debe llamar una vez. El menú desplegable puede existir como su propio elemento SVG o ser un elemento g anidado dentro de un elemento SVG independiente.
dispose() Desecha este menú desplegable. Desvincula todos los elementos del DOM para evitar fugas de memoria.
getContents() Obtiene la lista de elementos del menú desplegable actual.
getFlyoutScale() Obtiene la escala (nivel de zoom) del menú desplegable. De forma predeterminada, coincide con la escala del espacio de trabajo de destino, pero se puede anular.
getFocusableElement() Consulta IFocusableNode.getFocusableElement.
getFocusableTree() Consulta IFocusableNode.getFocusableTree.
getHeight() Obtiene la altura del menú desplegable.
getInflaterForType(type) protected Devuelve el inflador responsable de construir elementos del tipo determinado.
getNestedTrees() Consulta IFocusableNode.getNestedTrees.
getRestoredFocusableNode(_previousNode) Consulta IFocusableNode.getRestoredFocusableNode.
getRootFocusableNode() Consulta IFocusableNode.getRootFocusableNode.
getTargetWorkspace() Obtén el espacio de trabajo de destino dentro del menú desplegable.
getWidth() Obtiene el ancho del menú desplegable.
getWorkspace() Obtén el espacio de trabajo dentro del menú desplegable.
getX() abstract Calcula la coordenada X para la posición del menú desplegable.
getY() abstract Calcula la coordenada Y para la posición del menú desplegable.
hide() Oculta y vacía el menú desplegable.
init(targetWorkspace) Inicializa el menú desplegable.
isDragTowardWorkspace(currentDragDeltaXY) abstract Determina si un delta de arrastre se dirige hacia el espacio de trabajo, según la posición y la orientación del menú desplegable. Se usa en determineDragIntention_ para determinar si se debe crear un bloque nuevo o si se debe desplazar el menú desplegable.
isVisible() ¿El menú desplegable es visible?
layout_(contents)

protected

abstract

Coloca los elementos en el menú desplegable.
lookUpFocusableNode(_id) Consulta IFocusableNode.lookUpFocusableNode.
normalizeSeparators(contents) protected

Actualiza y devuelve la lista proporcionada de contenido de ventanas emergentes para aplanar los separadores según sea necesario.

Cuando varios separadores aparecen uno después del otro, el valor del último tiene prioridad y se quitan los separadores anteriores del grupo.

onNodeBlur() Consulta IFocusableNode.onNodeBlur.
onNodeFocus() Consulta IFocusableNode.onNodeFocus.
onTreeBlur(_nextTree) Consulta IFocusableNode.onTreeBlur.
onTreeFocus(_node, _previousTree) Consulta IFocusableTree.onTreeFocus.
position() abstract Posiciona el menú desplegable.
positionAt_(width, height, x, y) protected Actualiza la vista según las coordenadas calculadas en position().
reflow() Se reprocesa el contenido de la página flotante.
reflowInternal_()

protected

abstract

Calcula los límites del menú desplegable. Para RTL: Diseña los elementos alineados a la derecha.
scrollToStart() abstract Desplázate por el menú desplegable hasta el principio de su contenido.
serializeBlock(block) protected Serializa un bloque en JSON.
setAutoClose(autoClose) Establece si este menú desplegable se cierra automáticamente cuando se arrastran bloques, se hace clic en el espacio de trabajo, etcétera.
setContainerVisible(visible) Establece si el contenedor de este menú desplegable es visible.
setContents(contents) Almacena la lista de elementos en el menú desplegable.
setMetrics_(xyRatio)

protected

abstract

Establece la traducción del menú desplegable para que coincida con las barras de desplazamiento.
setVisible(visible) Establece si el menú desplegable es visible. Un valor verdadero no significa necesariamente que se muestre la ventana emergente. Es posible que esté oculto porque su contenedor está oculto.
show(flyoutDef) Muestra y completa el menú desplegable.
wheel_(e)

protected

abstract

Desplázate por la ventana emergente.