blockly > Caja de herramientas
Clase de caja de herramientas
Clase para usar Toolbox. Crea el DOM de la caja de herramientas.
Signature:
export declare class Toolbox extends DeleteArea implements IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox
Extiende: DeleteArea
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 | Es la altura de la caja de herramientas. |
HtmlDiv | HTMLDivElement | nulo | El contenedor HTML de la caja de herramientas. | |
id | cadena | El ID único para este componente que se usa a fin de registrarse con ComponentManager. | |
isVisible_ | protected |
boolean | Indica si Toolbox está 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 | El ancho de la caja de herramientas. |
workspace_ |
|
WorkspaceSvg | El lugar 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. Llamada en WorkspaceSvg.hideChaff. | |
clearSelection() | Quita la selección de los elementos seleccionados 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 menú 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 los 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 relativas al 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 determinado. | |
getToolboxItems() | Obtiene los elementos en 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 tecla hacia abajo para la caja de herramientas. |
onShortcut(_shortcut) | Controla la combinación de teclas determinada. | |
position() | Posiciona la caja de herramientas en función de si es una caja de herramientas horizontal y de si el espacio de trabajo está en derecha. | |
refreshSelection() | Actualiza el contenido del menú flotante sin cerrarlo. Deben 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 el elemento dado, lo marca como seleccionado y actualiza el estado de los ARIA. |
selectItemByPosition(position) | Selecciona el elemento de la caja de herramientas por su posición en la lista de elementos de la caja de herramientas. | |
setSelectedItem(newItem) | Establece el elemento seleccionado como seleccionado. No funciona si no se puede seleccionar el elemento. | |
setVisible(isVisible) | Muestra u oculta 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 CSS del cursor sobre la caja de herramientas según si se espera que el bloque o la burbuja que aparece sobre él se eliminen si se suelta (usando la propiedad interna this.TargetDelete_). |
updateFlyout_(oldItem, newItem) | protected |
Decide si quieres ocultar o mostrar el menú flotante en función del elemento seleccionado. |
updateWouldDelete_(wouldDelete) | protected |
Actualiza el estado wouldDelete_ interno. |
wouldDelete(element, _couldConnect) | Muestra si el bloque o el cuadro proporcionados se borrarían si se soltaran en esta área. Este método debe verificar si el elemento se puede borrar y siempre se llama antes de onDragEnter/onDragOver/onDragExit. |