blockly > Toolbox

Clase de caja de herramientas

La mejor clase de herramientas. Crea el DOM de la caja de herramientas.

Signature:

export declare class Toolbox extends DeleteArea implements IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox 

Extiende: DeleteArea

Se implementa: IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox

Constructores

Constructor	Modificadores	Descripción
(constructor)(lugar de trabajo)		Construye una instancia nueva de la clase Toolbox.

Propiedades

Propiedad	Modificadores	Tipo	Descripción
boundEvents_	protected	browserEvents.Data[]	Array que contiene la información necesaria para desvincular los controladores de eventos. Se usa para desechar. P. ej.: [[node, name, func], [node, name, func]].
contentMap_	protected	{ [key: string]: IToolboxItem; }
contents_	protected	IToolboxItem[]	Es la lista de elementos de la caja de herramientas.
contentsDiv_	protected	HTMLDivElement | nulo	Es el contenedor HTML para el contenido de una caja de herramientas.
height_	protected	número	La altura de la caja de herramientas.
HtmlDiv		HTMLDivElement | nulo	El contenedor HTML para la caja de herramientas.
id		cadena	El ID único de este componente que se usa para registrarse con ComponentManager.
isVisible_	protected	boolean	Indica si Toolbox es visible.
previouslySelectedItem_	protected	ISelectableToolboxItem | nulo	El elemento seleccionado anteriormente
RTL		boolean
selectedItem_	protected	ISelectableToolboxItem | nulo	El elemento seleccionado actualmente.
toolboxDef_	protected	toolbox.ToolboxInfo
toolboxPosition		toolbox.Position
width_	protected	número	Es el ancho de la caja de herramientas.
workspace_	protected readonly	WorkspaceSvg	El espacio de trabajo en el que se encuentra esta caja de herramientas.

Métodos

Método	Modificadores	Descripción
addToolboxItem_(toolboxItem)	protected	Agrega un elemento a la caja de herramientas.
attachEvents_(container, contentContainer)	protected	Agrega objetos de escucha de eventos al div del contenedor de la caja de herramientas.
autoHide(onlyClosePopups)		Oculta el componente. Llamaste en WorkspaceSvg.hideChaff.
clearSelection()		Deja de destacar cualquier elemento seleccionado anteriormente.
createContainer_()	protected	Crea el contenedor div para la caja de herramientas.
createContentsContainer_()	protected	Crea el contenedor para todo el contenido de la caja de herramientas.
createDom_(workspace)	protected	Crea el DOM para la caja de herramientas.
createFlyout_()	protected	Crea el control flotante basado en el diseño de la caja de herramientas.
deselectItem_(item)	protected	Anula la selección del elemento, lo marca como no seleccionado y actualiza el estado de ARIA.
dispose()		Eliminación de esta caja de herramientas.
getClientRect()		Muestra el rectángulo delimitador del área de destino de arrastre en unidades de píxeles en relación con el viewport.
getFlyout()		Obtiene el menú flotante de la caja de herramientas.
getHeight()		Obtiene la altura de la caja de herramientas.
getPreviouslySelectedItem()		Obtiene el elemento seleccionado anteriormente.
getSelectedItem()		Obtiene el elemento seleccionado.
getToolboxItemById(id)		Obtiene el elemento de la caja de herramientas con el ID dado.
getToolboxItems()		Obtiene los elementos de la caja de herramientas.
getWidth()		Obtiene el ancho de la caja de herramientas.
getWorkspace()		Obtiene el lugar de trabajo para la caja de herramientas.
init()		Inicializa la caja de herramientas.
isHorizontal()		Obtiene si la caja de herramientas es horizontal o no.
onClick_(e)	protected	Controla los eventos de clic para cuando se hace clic en los elementos de la caja de herramientas o de la caja de herramientas.
onDragEnter(_dragElement)		Controla cuándo un cursor con un bloque o una burbuja ingresa a este objetivo de arrastre.
onDragExit(_dragElement)		Controla cuándo un cursor con un bloque o una burbuja sale de este objetivo de arrastre.
onDrop(_dragElement)		Controla cuándo se suelta un bloque o una burbuja en este componente. No debería administrar la eliminación aquí.
onKeyDown_(e)	protected	Controla los eventos de pulsación de tecla para la caja de herramientas.
onShortcut(_shortcut)		Controla la combinación de teclas determinada.
position()		Posiciona la caja de herramientas según si es una caja de herramientas horizontal y si el espacio de trabajo está en derecha.
refreshSelection()		Actualiza el contenido del menú flotante sin cerrarlo. Debe usarse en respuesta a un cambio en una de las categorías dinámicas, como variables o procedimientos.
renderContents_(toolboxDef)	protected	Agrega todos los elementos de la caja de herramientas a la caja de herramientas.
selectItem_(oldItem, newItem)	protected	Selecciona un elemento determinado, lo marca como seleccionado y actualiza el estado de ARIA.
selectItemByPosition(position)		Selecciona el elemento de la caja de herramientas según su posición en la lista de elementos de la caja de herramientas.
setSelectedItem(newItem)		Establece el elemento dado como seleccionado. No funciona si no se puede seleccionar el elemento.
setVisible(isVisible)		Oculta o muestra la caja de herramientas.
debeDeselectItem_(oldItem, newItem)	protected	Decide si se debe anular la selección del elemento anterior.
debeSelectItem_(oldItem, newItem)	protected	Decide si se debe seleccionar el nuevo elemento.
updateCursorDeleteStyle_(addStyle)	protected	Agrega o quita el estilo de CSS del cursor sobre la caja de herramientas según si se espera que el bloque o el cuadro sobre él se elimine si se suelta (usando la propiedad interna this.meansDelete_).
updateFlyout_(oldItem, newItem)	protected	Decide si ocultar o mostrar el menú flotante en función del elemento seleccionado.
updateWouldDelete_(wouldDelete)	protected	Actualiza el estado willDelete_ interno.
wouldDelete(element)		Muestra si el bloque o la burbuja proporcionados se borrarían si se arrojaran en esta área. Este método debe verificar si el elemento se puede borrar y siempre se llama antes de onDragEnter/onDragOver/onDragExit.