blockly > Toolbox

lezione Toolbox

Lezione in un cassetto degli strumenti. Crea il DOM della toolbox.

Firma:

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

Estende: DeleteArea

Implementa: IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox

Costruttori

Costruttore Modificatori Descrizione
(costruttore)(workspace) Crea una nuova istanza della classe Toolbox

Proprietà

Proprietà Modificatori Tipo Descrizione
boundEvents_ protected browserEvents.Data[] Informazioni sull'array contenenti informazioni necessarie per svincolare i gestori di eventi. Utilizzato per lo smaltimento. Esempio: [[node, name, func], [node, name, func]].
contentMap_ protected { [key: string]: IToolboxItem; }
contents_ protected IToolboxItem[] L'elenco di elementi del riquadro degli strumenti.
contentsDiv_ protected HTMLDivElement | null Il contenitore HTML per i contenuti di una casella degli strumenti.
height_ protected numero L'altezza della casella degli strumenti.
HtmlDiv HTMLDivElement | null Il contenitore HTML della casella degli strumenti.
id stringa L'ID univoco per questo componente utilizzato per la registrazione con ComponenteManager.
isVisible_ protected boolean Se gli Strumenti sono visibili.
previouslySelectedItem_ protected ISelectableToolboxItem | null L'elemento selezionato in precedenza.
RTL boolean
selectedItem_ protected ISelectableToolboxItem | null L'elemento attualmente selezionato.
toolboxDef_ protected toolbox.ToolboxInfo
toolboxPosition toolbox.Position
width_ protected numero La larghezza della casella degli strumenti.
workspace_

protected

readonly

 WorkspaceSvg L'area di lavoro in cui è attiva questa casella degli strumenti.

Metodi

Metodo Modificatori Descrizione
addToolboxItem_(toolboxItem) protected Aggiunge un elemento alla casella degli strumenti.
AttachEvents_(container, contentContainer) protected Aggiunge listener di eventi al contenitore div del contenitore degli strumenti.
autoHide(onlyClosePopups) Nasconde il componente. Chiamato in WorkspaceSvg.hideChaff.
clearSelection() Consente di rimuovere l'evidenziazione da tutti gli elementi selezionati in precedenza.
createContainer_() protected Crea il div contenitore per la casella degli strumenti.
createContentsContainer_() protected Crea il contenitore per tutti i contenuti della casella degli strumenti.
createDom_(workspace) protected Crea il DOM per la casella degli strumenti.
createFlyout_() protected Crea il riquadro a comparsa in base al layout degli strumenti.
deselectItem_(item) protected Deseleziona l'elemento specificato, lo contrassegna come deselezionato e aggiorna lo stato Aria.
disposizione() Elimina questi strumenti.
getClientRect() Restituisce il rettangolo di delimitazione dell'area di destinazione del trascinamento in unità di pixel relative all'area visibile.
getFlyout() Visualizza il riquadro a scomparsa degli strumenti.
getHeight() Restituisce l'altezza della casella degli strumenti.
getPreviouslySelectedItem() Consente di acquisire l'elemento selezionato in precedenza.
getSelectedItem() Recupera l'elemento selezionato.
getToolboxItemById(id) Restituisce l'elemento della casella degli strumenti con l'ID specificato.
getToolboxItems() Recupera gli elementi della casella degli strumenti.
getWidth() Visualizza la larghezza della casella degli strumenti.
getWorkspace() Visualizza lo spazio di lavoro per la casella degli strumenti.
init() Inizializza la casella degli strumenti
isHorizontal() Riconosce se la toolbox è orizzontale o meno.
onClick_(e) protected Handle degli eventi di clic per i clic sugli elementi della casella degli strumenti.
onDragEnter(_dragElement) Consente di gestire quando un cursore con un blocco o un fumetto entra nella destinazione del trascinamento.
onDragExit(_dragElement) Consente di gestire quando un cursore con un blocco o un fumetto esce dalla destinazione del trascinamento.
onDrop(_dragElement) Consente di gestire il momento in cui viene rilasciato un blocco o un fumetto su questo componente. Non deve gestire l'eliminazione qui.
onKeyDown_(e) protected Gestisce gli eventi chiave per la casella degli strumenti.
onShortcut(_shortcut) Consente di gestire la scorciatoia da tastiera specificata.
position() Posiziona la toolbox in base al fatto che sia orizzontale e che l'area di lavoro sia in formato RTL.
refreshSelection() Consente di aggiornare i contenuti del riquadro a scomparsa senza chiuderli. Da utilizzare in risposta a una modifica in una delle categorie dinamiche, come variabili o procedure.
renderContents_(toolboxDef) protected Aggiunge tutti gli elementi della Casella degli strumenti.
selectItem_(oldItem, newItem) protected Seleziona l'elemento specificato, lo contrassegna come selezionato e aggiorna lo stato aria.
selectItemByPosition(position) Seleziona l'elemento della Casella degli strumenti in base alla sua posizione nell'elenco.
setSelectedItem(newItem) Imposta l'elemento specificato come selezionato. Autonomo se l'elemento non è selezionabile.
setVisible(isVisible) Mostra o nasconde la casella degli strumenti.
dovDeselectItem_(oldItem, newItem) protected Decide se il vecchio elemento deve essere deselezionato.
dovrebbeSelectItem_(oldItem, newItem) protected Decide se il nuovo elemento deve essere selezionato.
updateCursorDeleteStyle_(addStyle) protected Aggiunge o rimuove lo stile CSS del cursore sulla casella degli strumenti a seconda che il blocco o il fumetto su di essi debba essere eliminato se viene eliminato (utilizzando la proprietà interna this.realtimeDelete_).
updateFlyout_(oldItem, newItem) protected Decide se nascondere o mostrare il riquadro a comparsa in base all'elemento selezionato.
updateWouldDelete_(wouldDelete) protected Aggiorna lo stato wasDelete_ interno.
wouldDelete(element, _couldConnect) Indica se il blocco o il fumetto fornito verrebbe eliminato in caso di rilascio in quest'area. Questo metodo dovrebbe controllare se l'elemento è eliminabile e viene sempre richiamato prima onTrascinaInvio/onDragOver/onDragExit.