Blockly | Google for Developers

Cette page a été traduite par l'API Cloud Translation.

Classe Toolbox

Classe pour une boîte à outils. Crée le DOM de la boîte à outils.

Signature :

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

Extends : DeleteArea

Implémente : IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox, IFocusableNode

Constructeurs

Constructeur	Modificateurs	Description
(constructeur)(espace de travail)		Construit une instance de la classe `Toolbox`.

Propriétés

Propriété	Modificateurs	Type	Description
boundEvents_	`protected`	browserEvents.Data[]	Tableau contenant les informations nécessaires pour dissocier les gestionnaires d'événements. Utilisé pour la suppression. Exemple : [[node, name, func], [node, name, func]].
contenu	`protected`	Map<string, IToolboxItem>	Mappez l'ID à l'élément de boîte à outils correspondant.
contentsDiv_	`protected`	HTMLDivElement \| null	Conteneur HTML pour le contenu d'une boîte à outils.
height_	`protected`	Total	Hauteur de la boîte à outils.
HtmlDiv		HTMLDivElement \| null	Conteneur HTML pour la boîte à outils.
id		chaîne	ID unique de ce composant utilisé pour l'enregistrement auprès de ComponentManager.
isVisible_	`protected`	booléen	Indique si la boîte à outils est visible.
previouslySelectedItem_	`protected`	ISelectableToolboxItem \| null	L'élément précédemment sélectionné.
RTL		booléen
selectedItem_	`protected`	ISelectableToolboxItem \| null	Élément actuellement sélectionné.
toolboxDef_	`protected`	toolbox.ToolboxInfo
toolboxPosition		toolbox.Position
width_	`protected`	Total	Largeur de la boîte à outils.
workspace_	`protected` `readonly`	WorkspaceSvg	Espace de travail dans lequel se trouve cette boîte à outils.

Méthodes

Méthode	Modificateurs	Description
addToolboxItem_(toolboxItem)	`protected`	Ajoute un élément à la boîte à outils.
attachEvents_(container, contentsContainer)	`protected`	Ajoute des écouteurs d'événements à l'élément DIV du conteneur de la boîte à outils.
autoHide(onlyClosePopups)		Masque le composant. Appelé dans WorkspaceSvg.hideChaff.
canBeFocused()		Consultez IFocusableNode.canBeFocused.
clearSelection()		Désélectionne tout élément précédemment sélectionné.
createContainer_()	`protected`	Crée le div de conteneur pour la boîte à outils.
createContentsContainer_()	`protected`	Crée le conteneur pour tous les contenus de la boîte à outils.
createDom_(workspace)	`protected`	Crée le DOM pour la boîte à outils.
createFlyout_()	`protected`	Crée le menu déroulant en fonction de la mise en page de la boîte à outils.
deselectItem_(item)	`protected`	Désélectionne l'élément donné, le marque comme non sélectionné et met à jour l'état aria.
dispose()		Supprime cette boîte à outils.
getClientRect()		Renvoie le rectangle de délimitation de la zone cible du déplacement en unités de pixels par rapport à la fenêtre d'affichage.
getFlyout()		Récupère le menu déroulant de la boîte à outils.
getFocusableElement()		Consultez IFocusableNode.getFocusableElement.
getFocusableTree()		Consultez IFocusableNode.getFocusableTree.
getHeight()		Récupère la hauteur de la boîte à outils.
getNestedTrees()		Consultez IFocusableTree.getNestedTrees.
getPreviouslySelectedItem()		Récupère l'élément sélectionné précédemment.
getRestoredFocusableNode(previousNode)		Voir IFocusableTree.getRestoredFocusableNode.
getRootFocusableNode()		Consultez IFocusableTree.getRootFocusableNode.
getSelectedItem()		Récupère l'élément sélectionné.
getToolboxItemById(id)		Récupère l'élément de boîte à outils avec l'ID donné.
getToolboxItems()		Récupère les éléments de la boîte à outils.
getWidth()		Récupère la largeur de la boîte à outils.
getWorkspace()		Récupère l'espace de travail pour la boîte à outils.
init()		Initialise la boîte à outils
isHorizontal()		Indique si la boîte à outils est horizontale ou non.
lookUpFocusableNode(id)		Consultez IFocusableTree.lookUpFocusableNode.
onClick_(e)	`protected`	Gère les événements de clic lorsque l'utilisateur clique sur la boîte à outils ou sur ses éléments.
onDragEnter(_dragElement)		Gère le moment où un curseur avec un bloc ou une bulle entre dans cette cible de déplacement.
onDragExit(_dragElement)		Gère le cas où un curseur avec un bloc ou une bulle quitte cette cible de déplacement.
onDrop(_dragElement)		Gère le moment où un bloc ou une bulle est déposé sur ce composant. Ne doit pas gérer la suppression ici.
onKeyDown_(e)	`protected`	Gère les événements de touche enfoncée pour la boîte à outils.
onNodeBlur()		Consultez IFocusableNode.onNodeBlur.
onNodeFocus()		Consultez IFocusableNode.onNodeFocus.
onShortcut(_shortcut)		Gère le raccourci clavier donné.
onTreeBlur(nextTree)		Consultez IFocusableTree.onTreeBlur.
onTreeFocus(node, _previousTree)		Consultez IFocusableTree.onTreeFocus.
position()		Positionne la boîte à outils en fonction de son orientation (horizontale ou non) et de la direction de lecture de l'espace de travail (de gauche à droite ou de droite à gauche).
refreshSelection()		Met à jour le contenu du menu volant sans le fermer. À utiliser en réponse à une modification de l'une des catégories dynamiques, telles que les variables ou les procédures.
renderContents_(toolboxDef)	`protected`	Ajoute tous les éléments de la boîte à outils à la boîte à outils.
selectItem_(oldItem, newItem)	`protected`	Sélectionne l'élément donné, le marque comme sélectionné et met à jour l'état aria.
selectItemByPosition(position)		Sélectionne l'élément de la boîte à outils en fonction de sa position dans la liste des éléments de la boîte à outils.
setSelectedItem(newItem)		Définit l'élément donné comme sélectionné. Aucune opération si l'élément n'est pas sélectionnable.
setVisible(isVisible)		Affiche ou masque la boîte à outils.
shouldDeselectItem_(oldItem, newItem)	`protected`	Détermine si l'ancien élément doit être désélectionné.
shouldSelectItem_(oldItem, newItem)	`protected`	Indique si le nouvel élément doit être sélectionné.
updateCursorDeleteStyle_(addStyle)	`protected`	Ajoute ou supprime le style CSS du curseur au-dessus de la boîte à outils selon que le bloc ou la bulle au-dessus doivent être supprimés s'ils sont déposés (à l'aide de la propriété interne this.wouldDelete_).
updateFlyout_(oldItem, newItem)	`protected`	Décide s'il faut masquer ou afficher le menu volant en fonction de l'élément sélectionné.
updateWouldDelete_(wouldDelete)	`protected`	Met à jour l'état interne wouldDelete_.
wouldDelete(element)		Indique si le bloc ou la bulle fournis seraient supprimés s'ils étaient déposés dans cette zone. Cette méthode doit vérifier si l'élément peut être supprimé et est toujours appelée avant onDragEnter/onDragOver/onDragExit.