blockly > Toolbox

Zajęcia z zestawu narzędzi

Zajęcia dotyczące zestawu narzędzi. Tworzy DOM zestawu narzędzi.

Podpis:

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

Rozszerza się: DeleteArea

Implementacje: IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox

Zespoły

Zespół	Modyfikatory	Opis
(konstruktor)(obszar roboczy)		Konstruuje nową instancję klasy Toolbox

Właściwości

Właściwość	Modyfikatory	Typ	Opis
boundEvents_	protected	browserEvents.Data[]	Informacje o magazynie tablicy potrzebne do odłączenia modułów obsługi zdarzeń. Służy do wyrzucania. Np.: [[węzeł, nazwa, funkcja], [węzeł, nazwa, funkcja]].
contentMap_	protected	{ [key: string]: IToolboxItem; }
contents_	protected	IToolboxItem[]	Lista elementów w zestawie narzędzi.
contentsDiv_	protected	HTMLDivElement | null	Kontener HTML na zawartość zestawu narzędzi.
height_	protected	Liczba	Wysokość przybornika.
HtmlDiv		HTMLDivElement | null	Kontener HTML zestawu narzędzi.
id		ciąg znaków	Unikalny identyfikator tego komponentu, który jest używany do rejestracji w menedżerze komponentów.
isVisible_	protected	boolean	Wskazuje, czy Zestaw narzędzi jest widoczny.
previouslySelectedItem_	protected	ISelectableToolboxItem | null	Poprzednio wybrany element.
RTL		boolean
selectedItem_	protected	ISelectableToolboxItem | null	Obecnie wybrany element.
toolboxDef_	protected	toolbox.ToolboxInfo
toolboxPosition		toolbox.Position
width_	protected	Liczba	Szerokość zestawu narzędzi.
workspace_	protected readonly	WorkspaceSvg	Obszar roboczy, w którym znajduje się to zestaw narzędzi.

Metody

Metoda	Modyfikatory	Opis
addToolboxItem_(toolboxItem)	protected	Dodaje element do zestawu narzędzi.
attachEvents_(kontener, ContentContainer)	protected	Dodaje detektory zdarzeń do elementu div kontenera zestawu narzędzi.
autoHide(onlyClosePopups)		Ukrywa komponent. Wywoływana w WorkspaceSvg.hideChaff.
clearSelection()		Cofa podświetlenie dowolnego wcześniej wybranego elementu.
createContainer_()	protected	Tworzy element div kontenera dla zestawu narzędzi.
createContentsContainer_()	protected	Tworzy kontener na całą zawartość zestawu narzędzi.
createDom_(workspace)	protected	Tworzy DOM dla zestawu narzędzi.
createFlyout_()	protected	Tworzy menu wysuwane na podstawie układu zestawu narzędzi.
deselectItem_(item)	protected	Odznacza dany element, oznaczy go jako odznaczony i aktualizuje stan ARIA.
dispose().		Utylizacja tego zestawu narzędzi.
getClientRect()		Zwraca prostokąt ograniczania obszaru docelowego przeciągania w jednostkach pikseli względem widocznego obszaru.
getFlyout()		Wyświetla menu narzędziowe.
getHeight()		Pobiera wysokość zestawu narzędzi.
getPreviouslySelectedItem()		Pobiera wcześniej wybrany element.
getSelectedItem()		Pobiera wybrany element.
getToolboxItemById(id),		Pobiera element z zestawu narzędzi o podanym identyfikatorze.
getToolboxItems()		Pobiera elementy z zestawu narzędzi.
getWidth()		Pobiera szerokość zestawu narzędzi.
getWorkspace()		Pobiera obszar roboczy zestawu narzędzi.
init()		Inicjuje zestaw narzędzi
isHorizontal()		Wskazuje, czy zestaw narzędzi jest poziomy.
onClick_(e)	protected	Uchwyty zdarzeń kliknięcia używane po kliknięciu zestawu narzędzi lub elementów w zestawie narzędzi.
onDragEnter(_dragElement)		Utrzymuje się, gdy kursor z bryłą lub dymkiem znajdzie się w tym miejscu przeciągania.
onDragExit(_dragElement)		Utrzymuje się, gdy kursor z blokiem lub dymkiem opuści ten cel przeciągania.
onDrop(_dragElement)		Utrzymuje się po upuszczeniu bloków lub dymków na ten komponent. Nie powinno być tu obsługiwane usuwanie.
onKeyDown_(e)	protected	Obsługuje kluczowe zdarzenia w zestawie narzędzi.
onShortcut(_shortcut)		Obsługuje podany skrót klawiszowy.
position()		Określa położenie zestawu narzędzi w zależności od tego, czy jest to poziome zestaw narzędzi i czy obszar roboczy jest w formacie RTL.
refreshSelection()		Aktualizuje zawartość wyskakującego okienka bez jego zamykania. Jest używany w odpowiedzi na zmiany w jednej z dynamicznych kategorii, takich jak zmienne lub procedury.
renderContents_(toolboxDef)	protected	Dodaje wszystkie elementy z zestawu do zestawu.
selectItem_(oldItem, newItem)	protected	Wybiera dany element, oznacza go i aktualizuje stan ARIA.
selectItemByPosition(position)		Wybiera element z zestawu narzędzi według jego pozycji na liście elementów zestawu.
setSelectedItem(newItem)		Ustawia wybrany element jako wybrany. Brak działania, jeśli elementu nie można wybrać.
setVisible(isVisible)		Pokazuje lub ukrywa zestaw narzędzi.
thisDeselectItem_(oldItem, newItem)	protected	Określa, czy stary element ma zostać odznaczony.
thisSelectItem_(oldItem, newItem)	protected	Określa, czy należy wybrać nowy element.
updateCursorDeleteStyle_(addStyle)	protected	Dodaje lub usuwa styl CSS kursora nad zestawem narzędzi w zależności od tego, czy blok lub dymek na nim zostaną usunięte (przy użyciu wewnętrznej właściwości this.whoDelete_).
updateFlyout_(oldItem, newItem)	protected	Określa, czy menu ma być ukryte, czy wyświetlane w zależności od wybranego elementu.
updateWouldDelete_(wouldDelete)	protected	Aktualizuje wewnętrzny stan willDelete_.
wouldDelete(element, _couldConnect)		Zwraca, czy podany blok lub dymek zostaną usunięte po ułożeniu w tym obszarze. Ta metoda powinna sprawdzać, czy element można usunąć, i jest zawsze wywoływany przed parametrem onDragEnter/onDragOver/onDragExit.