blockly > Narzędzia

Klasa w Zestawie narzędzi

Zajęcia dotyczące Toolbox. Tworzy DOM narzędzia.

Podpis:

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

Rozszerza: DeleteArea

Wdraża: IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox, IFocusableNode

Zespoły

Zespół	Modyfikatory	Opis
(constructor)(workspace)		Tworzy nową instancję klasy Toolbox.

Właściwości

Właściwość	Modyfikatory	Typ	Opis
boundEvents_	protected	browserEvents.Data[]	Tablica zawierająca informacje potrzebne do odwiązania przetwarzaczy zdarzeń. Służy do usuwania. Przykład: [[węzeł, nazwa, funkcja], [węzeł, nazwa, funkcja]].
treści	protected	Map<string, IToolboxItem>	Mapowanie z identyfikatora na odpowiedni element w skrzynce narzędzi.
contentsDiv_	protected	HTMLDivElement | null	Kontener HTML na zawartość skrzynki narzędzi.
height_	protected	liczba	Wysokość panelu narzędzi.
HtmlDiv		HTMLDivElement | null	Kontener HTML narzędzia.
id		ciąg znaków	Unikalny identyfikator tego komponentu, który służy do rejestracji w komponencie ComponentManager.
isVisible_	protected	wartość logiczna	Czy pasek narzędzi jest widoczny.
previouslySelectedItem_	protected	ISelectableToolboxItem | null	Wcześniej wybrany element.
RTL		wartość logiczna
selectedItem_	protected	ISelectableToolboxItem | null	Obecnie wybrany element.
toolboxDef_	protected	toolbox.ToolboxInfo
toolboxPosition		toolbox.Position
width_	protected	liczba	Szerokość listy narzędzi.
workspace_	protected readonly	WorkspaceSvg	Nazwa obszaru roboczego, na którym znajduje się ta skrzynka narzędzi.

Metody

Metoda	Modyfikatory	Opis
addToolboxItem_(toolboxItem)	protected	Dodaje element do skrzynki narzędzi.
attachEvents_(container, contentsContainer)	protected	Dodaje detektory zdarzeń do elementu div kontenera narzędzi.
autoHide(onlyClosePopups)		Ukrywa komponent. Wywołanie w WorkspaceSvg.hideChaff.
canBeFocused()		Zobacz IFocusableNode.canBeFocused.
clearSelection()		Odznacza wszystkie wcześniej wybrane elementy.
createContainer_()	protected	Tworzy element div kontenera dla panelu narzędzi.
createContentsContainer_()	protected	Tworzy kontener dla wszystkich elementów w skrzynce narzędzi.
createDom_(workspace)	protected	Tworzy DOM dla Toolbox.
createFlyout_()	protected	Tworzy wyskakujące okienko na podstawie układu panelu narzędzi.
deselectItem_(item)	protected	Odznacza dany element, oznacza go jako odznaczony i aktualizuje stan aria.
dispose()		Wyrzuca ten zestaw narzędzi.
getClientRect()		Zwraca prostokąt ograniczający obszar docelowy przeciągania w pikselach względem obszaru widoku.
getFlyout()		Pobiera wyskakujące okienko zestawu narzędzi.
getFocusableElement()		Zobacz IFocusableNode.getFocusableElement.
getFocusableTree()		Zobacz IFocusableNode.getFocusableTree.
getHeight()		Pobiera wysokość paska narzędzi.
getNestedTrees()		Zobacz IFocusableTree.getNestedTrees.
getPreviouslySelectedItem()		Pobiera wcześniej wybrany element.
getRestoredFocusableNode(previousNode)		Zobacz IFocusableTree.getRestoredFocusableNode.
getRootFocusableNode()		Zobacz IFocusableTree.getRootFocusableNode.
getSelectedItem()		Pobiera wybrany element.
getToolboxItemById(id)		Pobiera element narzędzia o podanym identyfikatorze.
getToolboxItems()		Pobiera elementy z skrzynki narzędzi.
getWidth()		Pobiera szerokość listy narzędzi.
getWorkspace()		Pobiera obszar roboczy dla skrzynki narzędzi.
init()		Inicjowanie listy narzędzi
isHorizontal()		Określa, czy pasek narzędzi jest poziomy.
lookUpFocusableNode(id)		Zobacz IFocusableTree.lookUpFocusableNode.
onClick_(e)	protected	Obsługuje zdarzenia kliknięcia, które występują po kliknięciu narzędzia lub elementów narzędzia.
onDragEnter(_dragElement)		Obsługuje przeciąganie bloku lub okienka do tego celu.
onDragExit(_dragElement)		Obsługuje przypadki, gdy kursor z blokiem lub bańką opuszcza ten element do przeciągania.
onDrop(_dragElement)		Obsługuje bloki i bąbelki przenoszone na ten komponent. Nie powinno tu być obsługiwane usuwanie.
onKeyDown_(e)	protected	Obsługuje zdarzenia naciśnięcia klawisza w przypadku narzędzia.
onNodeBlur()		Zobacz IFocusableNode.onNodeBlur.
onNodeFocus()		Zobacz IFocusableNode.onNodeFocus.
onShortcut(_shortcut)		Obsługuje dany skrót klawiszowy.
onTreeBlur(_nextTree)		Zobacz IFocusableTree.onTreeBlur.
onTreeFocus(node, _previousTree)		Zobacz IFocusableTree.onTreeFocus.
position()		Umiejsca panel narzędzi w zależności od tego, czy jest to poziomy panel narzędzi i czy obszar roboczy jest w układzie RTL.
refreshSelection()		aktualizuje zawartość wyskakującego okienka bez jej zamykania. Należy go używać w odpowiedzi na zmianę w jednym z elementów dynamicznych, np. zmiennych lub procedur.
renderContents_(toolboxDef)	protected	Dodaje wszystkie elementy narzędzia do narzędzia.
selectItem_(oldItem, newItem)	protected	Wybiera dany element, zaznacza go i aktualizuje stan aria.
selectItemByPosition(position)		Wybiera element skrzynki narzędzi na podstawie jego pozycji na liście elementów skrzynki narzędzi.
setSelectedItem(newItem)		Ustawia dany element jako wybrany. Nie można tego zrobić, jeśli element nie jest możliwy do wybrania.
setVisible(isVisible)		Wyświetla lub ukrywa narzędziownik.
shouldDeselectItem_(oldItem, newItem)	protected	Określa, czy należy odznaczyć stary element.
shouldSelectItem_(oldItem, newItem)	protected	Określa, czy nowy element powinien być zaznaczony.
updateCursorDeleteStyle_(addStyle)	protected	Dodaje lub usuwa styl CSS kursora nad panelem narzędzi w zależności od tego, czy blok lub bańka nad nim mają zostać usunięte po upuszczeniu (za pomocą wewnętrznej właściwości this.wouldDelete_).
updateFlyout_(oldItem, newItem)	protected	Określa, czy w zależności od wybranego elementu menu wysuwane ma być widoczne czy ukryte.
updateWouldDelete_(wouldDelete)	protected	Aktualizuje wewnętrzny stan wouldDelete_.
wouldDelete(element)		Zwraca informację, czy podany blok lub bańka zostaną usunięte, jeśli zostaną upuszczone w tym obszarze. Ta metoda powinna sprawdzać, czy element można usunąć. Jest zawsze wywoływana przed onDragEnter/onDragOver/onDragExit.