Blockly | Google for Developers

Araştırma Anketi: Blockly deneyiminizden bahsedin

Bu sayfa, Cloud Translation API ile çevrilmiştir.

Araç kutusu sınıfı

Araç Kutusu Sınıfı. Araç kutusunun DOM'sini oluşturur.

İmza:

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

Genişletir: DeleteArea

Uygulandığı yer: IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox

Markalar

Marka	Değiştiriciler	Açıklama
(kurucu)(workspace)		`Toolbox` sınıfının yeni bir örneğini oluşturur

Özellikler

Özellik	Değiştiriciler	Tür	Açıklama
boundEvents_	`protected`	browserEvents.Data[]	Etkinlik işleyicilerin bağlantısını kaldırmak için gereken bilgileri barındıran dizi. Bertaraf etmek için kullanılır. Ör: [[node, name, Func], [node, name, Func]].
contentMap_	`protected`	{ [key: string]: IToolboxItem; }
contents_	`protected`	IToolboxItem[]	Araç kutusundaki öğelerin listesi.
contentsDiv_	`protected`	HTMLDivElement \| boş	Bir araç kutusunun içerikleri için HTML kapsayıcısı.
height_	`protected`	sayı	Araç kutusunun yüksekliği.
HtmlDiv		HTMLDivElement \| boş	Araç kutusunun HTML kapsayıcısı.
id		dize	Bu bileşenin, ComponentManager'a kaydetmek için kullanılan benzersiz kimliği.
isVisible_	`protected`	boolean	Araç Kutusu'nun görünür olup olmadığı.
previouslySelectedItem_	`protected`	ISelectableToolboxItem \| boş	Daha önce seçilen öğe.
RTL		boolean
selectedItem_	`protected`	ISelectableToolboxItem \| boş	Şu anda seçili öğe.
toolboxDef_	`protected`	toolbox.ToolboxInfo
toolboxPosition		toolbox.Position
width_	`protected`	sayı	Araç kutusunun genişliği.
workspace_	`protected` `readonly`	WorkspaceSvg	Bu araç kutusunun bulunduğu çalışma alanı.

Yöntemler

Yöntem	Değiştiriciler	Açıklama
addToolboxItem_(toolboxItem)	`protected`	Araç kutusuna bir öğe ekler.
attachEvents_(container, contentContainer)	`protected`	Araç kutusu kapsayıcı div öğesine etkinlik işleyiciler ekler.
autoHide(onlyClosePopups)		Bileşeni gizler. WorkspaceSvg.hideChaff'ta çağrıldı.
clearSelection()		Önceden seçilmiş olan öğeleri vurgular.
createContainer_()	`protected`	Araç kutusu için kapsayıcı div'i oluşturur.
createContentsContainer_()	`protected`	Araç kutusundaki tüm içerikler için kapsayıcı oluşturur.
createDom_(workspace)	`protected`	Araç kutusu için DOM oluşturur.
createFlyout_()	`protected`	Araç kutusu düzenine göre uçmayı oluşturur.
deselectItem_(item)	`protected`	Belirtilen öğenin seçimini kaldırır, seçili değil olarak işaretler ve aria durumunu günceller.
dispose()		Bu araç kutusunu ortadan kaldırır.
getClientRect()		Sürükleme hedefi alanının sınırlayıcı dikdörtgenini görüntü alanına göre piksel birimleri cinsinden döndürür.
getFlyout()		Araç kutusu açılır menüsünü alır.
getHeight()		Araç kutusunun yüksekliğini alır.
getPreviouslySelectedItem()		Önceden seçilen öğeyi alır.
getSelectedItem()		Seçili öğeyi alır.
getToolboxItemById(id)		Verilen kimliğe sahip araç kutusu öğesini alır.
getToolboxItems()		Araç kutusundaki öğeleri alır.
getWidth()		Araç kutusunun genişliğini alır.
getWorkspace()		Araç kutusu için çalışma alanını alır.
init()		Araç kutusunu başlatır
isHorizontal()		Araç kutusunun yatay olup olmadığını belirtir.
onClick_(e)	`protected`	Araç kutusu veya araç kutusu öğeleri tıklandığında gösterilen tıklama etkinliklerini işler.
onDragEnter(_dragElement)		Blok veya baloncuk içeren bir imleç bu sürükleme hedefine girdiğinde işe yarar.
onDragExit(_dragElement)		Blok veya baloncuk içeren bir imleç bu sürükleme hedefinden çıktığında işlem yapar.
onDrop(_dragElement)		Bu bileşene bir blok veya balon düştüğünde tutma yeri. Burada silme işlemi işlenmez.
onKeyDown_(e)	`protected`	Araç kutusu için önemli tuşları işler.
onShortcut(_shortcut)		Belirtilen klavye kısayolunu işler.
position()		Araç kutusunu, yatay bir araç kutusu olup olmadığına ve çalışma alanının rtl içinde olup olmadığına göre konumlandırır.
refreshSelection()		Açılır öğenin içeriğini kapatmadan günceller. Değişkenler veya prosedürler gibi dinamik kategorilerden birindeki değişikliğe yanıt olarak kullanılmalıdır.
renderContents_(toolboxDef)	`protected`	Tüm araç kutusu öğelerini araç kutusuna ekler.
selectItem_(oldItem, newItem)	`protected`	Belirtilen öğeyi seçer, seçili olarak işaretler ve aria durumunu günceller.
selectItemByPosition(position)		Araç kutusu öğesini, araç kutusu öğeleri listesindeki konumuna göre seçer.
setSelectedItem(newItem)		Belirtilen öğeyi seçili olarak ayarlar. Öğe seçilebilir değilse işlem yok.
setVisible(isVisible)		Araç kutusunu gösterir veya gizler.
requiredDeselectItem_(oldItem, yeniÖğe)	`protected`	Eski öğenin seçiminin kaldırılıp kaldırılmayacağına karar verir.
gerekenSeçenÖğe_(eskiItem, yeniÖğe)	`protected`	Yeni öğenin seçilip seçilmeyeceğine karar verir.
updateCursorDeleteStyle_(addStyle)	`protected`	Üzerindeki blokun veya balonun, bırakıldığında (dahili this.wouldDelete_ özelliği kullanılarak) silinmesinin beklenip beklenmeyeceğine bağlı olarak, imlecin CSS stilini araç kutusu üzerine ekler veya kaldırır.
updateFlyout_(eskiÖğe, yeniÖğe)	`protected`	Seçilen öğeye bağlı olarak uçağın gizlenip gizlenmeyeceğini belirler.
updateWouldDelete_(wouldDelete)	`protected`	Dahili willDelete_ durumunu günceller.
wouldDelete(element)		Sağlanan blok veya balonun bu alana düşürülüp silinmeyeceğini döndürür. Bu yöntem, öğenin silinebilir olup olmadığını kontrol etmelidir ve her zaman onDragEnter/onDragOver/onDragExit'den önce çağrılır.