blockly > Araç Kutusu

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

Kapsamlar: DeleteArea

Uygulandığı özellikler: IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox

Markalar

Marka Değiştiriciler Açıklama
(structor)(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 tutan dizi. Atmak için kullanılır. Ör: [[düğüm, ad, fonc], [düğüm, ad, fonc]].
contentMap_ protected { [key: string]: IToolboxItem; }
contents_ protected IToolboxItem[] Araç kutusundaki öğelerin listesi.
contentsDiv_ protected HTMLDivElement | null Araç kutusu içeriklerinin HTML kapsayıcısıdır.
height_ protected sayı Araç kutusunun yüksekliği.
HtmlDiv HTMLDivElement | null Araç kutusu için HTML kapsayıcısı.
id dize Bileşenin Bileşen Yöneticisi'ne kaydettirilmesi için kullanılan, bileşenin benzersiz kimliği.
isVisible_ protected boolean Araç Kutusu'nun görünür olup olmadığı.
previouslySelectedItem_ protected ISelectableToolboxItem | null Daha önce seçilen öğe.
RTL boolean
selectedItem_ protected ISelectableToolboxItem | null Şu anda seçili olan öğ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.
insertEvents_(kapsayıcı, içerikKapsayıcı) protected Araç kutusu kapsayıcı div öğesine etkinlik işleyiciler ekler.
autoHide(onlyClosePopups) Bileşeni gizler. WorkspaceSvg.hideChaff içinde çağrıldı.
clearSelection() Önceden seçilmiş herhangi bir öğenin vurgusunu kaldırır.
createContainer_() protected Araç kutusu için kapsayıcı div öğesini 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 geçiş reklamı 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 geçişini sağlar.
getHeight() Araç kutusunun yüksekliğini sağlar.
getPreviouslySelectedItem() Önceden seçilen öğeyi getirir.
getSelectedItem() Seçilen öğeyi alır.
getToolboxItemById(kimlik) 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 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 bunu işler.
onDrop(_dragElement) Bu bileşene bir blok veya balon düşürüldüğünde bunu işler. Silme işlemi burada yapılmamalıdır.
onKeyDown_(e) protected Araç kutusu için tuş azaltma etkinliklerini 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 olup olmadığına göre yerleştirir.
refreshSelection() Üst bilginin 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çilemiyorsa işlem yapılmaz.
setVisible(isVisible) Araç kutusunu gösterir veya gizler.
mustDeselectItem_(oldItem, newItem) protected Eski öğenin seçiminin kaldırılıp kaldırılmayacağına karar verir.
requireSelectItem_(oldItem, newItem) protected Yeni öğenin seçilip seçilmeyeceğine karar verir.
updateCursorDeleteStyle_(addStyle) protected İmlecin CSS stilini, üzerindeki blok veya balonun düşürülmesi halinde silinmesinin beklenip beklenmeyeceğine bağlı olarak araç kutusu üzerine ekler veya kaldırır (dahili this.wouldDelete_ özelliği kullanılarak).
updateFlyout_(eskiÖğe, yeniItem) protected Seçilen öğeye bağlı olarak uçuğun gizlenip gizlenmeyeceğini belirler.
updateWouldDelete_(wouldDelete) protected Dahili willDelete_ durumunu günceller.
wouldDelete(element, _couldConnect) Sağlanan blokun veya balonun bu alana bırakılması halinde silinip silinmeyeceğini döndürür. Bu yöntem, öğenin silinebilir olup olmadığını ve her zaman onDragEnter/onDragOver/onDragExit'ten önce çağrılıp çağrılmadığını kontrol etmelidir.