blockly > Flyout

Clase flotante

Clase para volar.

Signature:

export declare abstract class Flyout extends DeleteArea implements IAutoHideable, IFlyout 

Extiende: DeleteArea

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.
CORNER_RADIUS readonly número Radio de esquina del fondo flotante.
dragAngleRange_ protected número Rango de un ángulo de arrastre desde un control flotante que se considera "arrastrar hacia el espacio de trabajo". Se considera que los arrastres que están dentro de los límites de esta cantidad de grados desde la línea ortogonal hasta el borde flotante son "arrastradores hacia el espacio de trabajo".
FlyoutItemType static tipode 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.
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 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_(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 menú flotante si se trata de un menú flotante de cierre automático.
blockIsRecyclable_(_block) protected Muestra si el bloque especificado 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 separado.
createRect_(block, x, y, blockHW, índice) protected Crea y coloca un rectángulo que corresponda al bloque dado.
dispose(). Desecha este control flotante. Desvinculación de todos los elementos del DOM para evitar pérdidas de memoria.
getFlyoutScale() Obtén la escala (nivel de zoom) del control 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 menú 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 de vuelo.
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 correspondiente: muévelo a la ubicación correcta, agrega objetos de escucha, etcétera.
isDragTowardWorkspace(currentDragDeltaXY) abstract Determina si un delta de arrastre está hacia el espacio 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 bloque nuevo o si se debe desplazar el control flotante.
isVisible() ¿Es visible el menú flotante?
layout_(contenido, espacios)

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() Reprocesamiento de bloques y sus tapetes.
reflowInternal_()

protected

abstract

Calcula la altura del menú 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.
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) Configura si el contenedor de este control flotante es visible.
setMetrics_(xyRatio)

protected

abstract

Configura la traslació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 significa necesariamente que se muestre el control flotante. Podría estar oculta porque su contenedor está oculto.
show(flyoutDef) Muestra y completa el control flotante.
wheel_(e)

protected

abstract

Desplázate por el menú flotante.