Blockly | Google for Developers

Sondaggio di ricerca: Parlaci della tua esperienza con Blockly

Questa pagina è stata tradotta dall'API Cloud Translation.

lezione sugli strumenti

per gli strumenti. Crea il DOM del toolbox.

Firma:

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

Espande: DeleteArea

Implementa: IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox

Costruttori

Costruttore	Modificatori	Descrizione
(costruttore)(area di lavoro)		Crea una nuova istanza della classe `Toolbox`

Proprietà

Proprietà	Modificatori	Tipo	Descrizione
boundEvents_	`protected`	browserEvents.Data[]	Array che contiene le informazioni necessarie per slegare 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 negli strumenti.
contentsDiv_	`protected`	HTMLDivElement \| null	Il contenitore HTML per i contenuti di una serie di strumenti.
height_	`protected`	numero	L'altezza della casella degli strumenti.
HtmlDiv		HTMLDivElement \| null	Il contenitore HTML per gli strumenti.
id		stringa	L'ID univoco di questo componente utilizzato per la registrazione in ComponentManager.
isVisible_	`protected`	booleano	Indica se la casella degli strumenti è visibile.
previouslySelectedItem_	`protected`	ISelectableToolboxItem \| null	L'elemento selezionato in precedenza.
RTL		booleano
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 si trova questo strumento.

Metodi

Metodo	Modificatori	Descrizione
addToolboxItem_(toolboxItem)	`protected`	Aggiunge un elemento alla casella degli strumenti.
attachEvents_(container, ContentContainer)	`protected`	Aggiunge listener di eventi al div del contenitore degli strumenti.
autoHide(onlyClosePopups)		Nasconde il componente. Chiamata in WorkspaceSvg.hideChaff.
clearSelection()		Rimuove l'evidenziazione da qualsiasi elemento selezionato in precedenza.
createContainer_()	`protected`	Crea l'elemento div contenitore per gli strumenti.
createContentsContainer_()	`protected`	Crea il container per tutti i contenuti degli strumenti.
createDom_(workspace)	`protected`	Crea il DOM per gli strumenti.
createFlyout_()	`protected`	Crea il riquadro a scomparsa basato sul layout degli strumenti.
deselectItem_(item)	`protected`	Deseleziona l'elemento specificato, lo contrassegna come deselezionato e aggiorna lo stato ARIA.
dispose()		Smaltire questi strumenti.
getClientRect()		Restituisce il rettangolo di delimitazione dell'area di destinazione del trascinamento in unità di pixel rispetto all'area visibile.
getFlyout()		Ottiene il riquadro a comparsa degli strumenti.
getHeight()		Restituisce l'altezza della casella degli strumenti.
getPreviouslySelectedItem()		Ottiene l'elemento selezionato in precedenza.
getSelectedItem()		Recupera l'elemento selezionato.
getToolboxItemById(id)		Restituisce l'elemento degli strumenti con l'ID specificato.
getToolboxItems()		Ottiene gli elementi negli strumenti.
getWidth()		Restituisce la larghezza della barra degli strumenti.
getWorkspace()		Recupera l'area di lavoro per gli strumenti.
init()		Inizializza il toolbox
isHorizontal()		Determina se la casella degli strumenti è orizzontale.
onClick_(e)	`protected`	Impugnature sugli eventi di clic per i casi in cui gli elementi degli strumenti o degli strumenti vengono selezionati.
onDragEnter(_dragElement)		Gestisce quando un cursore con un blocco o una bolla entra in questo target di trascinamento.
onDragExit(_dragElement)		Gestisce quando un cursore con un blocco o una bolla esce dal target di trascinamento.
onDrop(_dragElement)		Consente di gestire l'eliminazione di un blocco o di una bolla su questo componente. Non deve gestire l'eliminazione qui.
onKeyDown_(e)	`protected`	Consente di gestire gli eventi chiave down per gli strumenti.
onShortcut(_shortcut)		Consente di gestire la scorciatoia da tastiera specificata.
position()		Posiziona la casella degli strumenti a seconda che si tratti di una barra degli strumenti orizzontale e che l'area di lavoro sia in formato RTL.
refreshSelection()		Consente di aggiornare i contenuti del riquadro a scomparsa senza chiuderlo. Da utilizzare in risposta a un cambiamento in una delle categorie dinamiche, come variabili o procedure.
renderContents_(toolboxDef)	`protected`	Aggiunge tutti gli elementi degli strumenti alla casella degli strumenti.
selectItem_(oldItem, newItem)	`protected`	Seleziona l'elemento specificato, lo contrassegna come selezionato e aggiorna lo stato ARIA.
selectItemByPosition(position)		Consente di selezionare l'elemento degli strumenti in base alla sua posizione nell'elenco degli elementi degli strumenti.
setSelectedItem(newItem)		Imposta l'elemento specificato come selezionato. No-op se l'elemento non è selezionabile.
setVisible(isVisible)		Mostra o nasconde la casella degli strumenti.
devonoDeselectItem_(oldItem, newItem)	`protected`	Decide se deselezionare il vecchio elemento.
devonoSelectItem_(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 visualizzato vengano eliminati in caso di eliminazione (utilizzando la proprietà this.valuesDelete_ interna).
updateFlyout_(oldItem, newItem)	`protected`	Consente di decidere se nascondere o mostrare il riquadro a scomparsa in base all'elemento selezionato.
updateWouldDelete_(wouldDelete)	`protected`	Aggiorna lo stato wasDelete_ interno.
wouldDelete(element)		Indica se il blocco o la bolla fornito verrebbe eliminato se inserito in quest'area. Questo metodo dovrebbe verificare se l'elemento è eliminabile e viene sempre richiamato prima di onDREnter/onTrascinaover/onTrascinaExit.