Blockly | Google for Developers

Survei Riset: Ceritakan pengalaman Anda dengan Blockly

Halaman ini diterjemahkan oleh Cloud Translation API.

Class toolbox

Class untuk Toolbox. Membuat DOM toolbox.

Tanda Tangan:

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

Memperluas: DeleteArea

Menerapkan: IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox, IFocusableNode

Konstruktor

Konstruktor	Pengubah	Deskripsi
(constructor)(workspace)		Membuat instance baru class `Toolbox`

Properti

Properti	Pengubah	Jenis	Deskripsi
boundEvents_	`protected`	browserEvents.Data[]	Array yang menyimpan info yang diperlukan untuk membatalkan pengikatan pengendali peristiwa. Digunakan untuk pembuangan. Contoh: [[node, name, func], [node, name, func]].
contents	`protected`	Map<string, IToolboxItem>	Memetakan dari ID ke item toolbox yang sesuai.
contentsDiv_	`protected`	HTMLDivElement \| null	Penampung HTML untuk konten toolbox.
height_	`protected`	angka	Tinggi kotak alat.
HtmlDiv		HTMLDivElement \| null	Penampung HTML untuk toolbox.
id		string	ID unik untuk komponen ini yang digunakan untuk mendaftar ke ComponentManager.
isVisible_	`protected`	boolean	Apakah Toolbox terlihat.
previouslySelectedItem_	`protected`	ISelectableToolboxItem \| null	Item yang dipilih sebelumnya.
RTL		boolean
selectedItem_	`protected`	ISelectableToolboxItem \| null	Item yang saat ini dipilih.
toolboxDef_	`protected`	toolbox.ToolboxInfo
toolboxPosition		toolbox.Position
width_	`protected`	angka	Lebar toolbox.
workspace_	`protected` `readonly`	WorkspaceSvg	Ruang kerja tempat toolbox ini berada.

Metode

Metode	Pengubah	Deskripsi
addToolboxItem_(toolboxItem)	`protected`	Menambahkan item ke kotak alat.
attachEvents_(container, contentsContainer)	`protected`	Menambahkan pemroses peristiwa ke div penampung toolbox.
autoHide(onlyClosePopups)		Menyembunyikan komponen. Dipanggil di WorkspaceSvg.hideChaff.
canBeFocused()		Lihat IFocusableNode.canBeFocused.
clearSelection()		Menghapus tanda pada item yang sebelumnya dipilih.
createContainer_()	`protected`	Membuat div penampung untuk toolbox.
createContentsContainer_()	`protected`	Membuat penampung untuk semua konten di toolbox.
createDom_(workspace)	`protected`	Membuat DOM untuk toolbox.
createFlyout_()	`protected`	Membuat flyout berdasarkan tata letak toolbox.
deselectItem_(item)	`protected`	Membatalkan pilihan item yang diberikan, menandainya sebagai tidak dipilih, dan memperbarui status aria.
dispose()		Menghapus toolbox ini.
getClientRect()		Menampilkan persegi panjang pembatas area target tarik dalam satuan piksel relatif terhadap area tampilan.
getFlyout()		Mendapatkan flyout toolbox.
getFocusableElement()		Lihat IFocusableNode.getFocusableElement.
getFocusableTree()		Lihat IFocusableNode.getFocusableTree.
getHeight()		Mendapatkan tinggi toolbox.
getNestedTrees()		Lihat IFocusableTree.getNestedTrees.
getPreviouslySelectedItem()		Mendapatkan item yang dipilih sebelumnya.
getRestoredFocusableNode(previousNode)		Lihat IFocusableTree.getRestoredFocusableNode.
getRootFocusableNode()		Lihat IFocusableTree.getRootFocusableNode.
getSelectedItem()		Mendapatkan item yang dipilih.
getToolboxItemById(id)		Mendapatkan item toolbox dengan ID yang diberikan.
getToolboxItems()		Mendapatkan item di toolbox.
getWidth()		Mendapatkan lebar toolbox.
getWorkspace()		Mendapatkan ruang kerja untuk toolbox.
init()		Melakukan inisialisasi toolbox
isHorizontal()		Mendapatkan apakah kotak alat horizontal atau tidak.
lookUpFocusableNode(id)		Lihat IFocusableTree.lookUpFocusableNode.
onClick_(e)	`protected`	Menangani peristiwa klik saat kotak alat atau item kotak alat diklik.
onDragEnter(_dragElement)		Menangani saat kursor dengan blok atau balon memasuki target tarik ini.
onDragExit(_dragElement)		Menangani saat kursor dengan blok atau balon keluar dari target tarik ini.
onDrop(_dragElement)		Menangani saat blok atau balon dijatuhkan pada komponen ini. Seharusnya tidak menangani penghapusan di sini.
onKeyDown_(e)	`protected`	Menangani peristiwa tombol ditekan untuk toolbox.
onNodeBlur()		Lihat IFocusableNode.onNodeBlur.
onNodeFocus()		Lihat IFocusableNode.onNodeFocus.
onShortcut(_shortcut)		Menangani pintasan keyboard yang diberikan.
onTreeBlur(_nextTree)		Lihat IFocusableTree.onTreeBlur.
onTreeFocus(node, _previousTree)		Lihat IFocusableTree.onTreeFocus.
position()		Memosisikan toolbox berdasarkan apakah itu adalah toolbox horizontal dan apakah ruang kerja berada dalam rtl.
refreshSelection()		Memperbarui konten flyout tanpa menutupnya. Harus digunakan sebagai respons terhadap perubahan pada salah satu kategori dinamis, seperti variabel atau prosedur.
renderContents_(toolboxDef)	`protected`	Menambahkan semua item toolbox ke toolbox.
selectItem_(oldItem, newItem)	`protected`	Memilih item yang diberikan, menandainya sebagai dipilih, dan memperbarui status aria.
selectItemByPosition(position)		Memilih item toolbox berdasarkan posisinya dalam daftar item toolbox.
setSelectedItem(newItem)		Menetapkan item yang diberikan sebagai dipilih. Tidak ada operasi jika item tidak dapat dipilih.
setVisible(isVisible)		Menampilkan atau menyembunyikan kotak alat.
shouldDeselectItem_(oldItem, newItem)	`protected`	Menentukan apakah item lama harus dibatalkan pilihannya.
shouldSelectItem_(oldItem, newItem)	`protected`	Memutuskan apakah item baru harus dipilih.
updateCursorDeleteStyle_(addStyle)	`protected`	Menambahkan atau menghapus gaya CSS kursor di atas toolbox berdasarkan apakah blok atau balon di atasnya akan dihapus jika dijatuhkan (menggunakan properti internal this.wouldDelete_).
updateFlyout_(oldItem, newItem)	`protected`	Menentukan apakah akan menyembunyikan atau menampilkan flyout, bergantung pada item yang dipilih.
updateWouldDelete_(wouldDelete)	`protected`	Memperbarui status wouldDelete_ internal.
wouldDelete(element)		Menampilkan apakah blok atau balon yang diberikan akan dihapus jika dilepas di area ini. Metode ini harus memeriksa apakah elemen dapat dihapus dan selalu dipanggil sebelum onDragEnter/onDragOver/onDragExit.