blockly > Toolbox

فئة مجموعة الأدوات

فئة لمجموعة أدوات تنشئ هذه الدالة DOM الخاص بصندوق الأدوات.

Signature:

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

تمتد إلى: DeleteArea

التنفيذات: IAutoHideable وIKeyboardAccessible وIStyleable وIToolbox وIFocusableNode

الشركات المصنِّعة

الشركة المصنِّعة	مفاتيح التعديل	الوصف
(constructor)(مساحة العمل)		تنشئ هذه الدالة مثيلاً جديدًا لفئة Toolbox

الخصائص

الموقع	مفاتيح التعديل	النوع	الوصف
boundEvents_	protected	browserEvents.Data[]	مصفوفة تحتوي على المعلومات اللازمة لإلغاء ربط معالجات الأحداث تُستخدَم للتخلص من البيانات. مثال: [[node, name, func], [node, name, func]].
المحتوى	protected	Map<string, IToolboxItem>	خريطة من رقم التعريف إلى عنصر صندوق الأدوات المقابل
contentsDiv_	protected	HTMLDivElement | null	حاوية HTML لمحتويات صندوق الأدوات
height_	protected	الرقم	تمثّل هذه السمة ارتفاع صندوق الأدوات.
HtmlDiv		HTMLDivElement | null	حاوية HTML لصندوق الأدوات
المعرِّف		سلسلة	المعرّف الفريد لهذا المكوّن الذي يُستخدم للتسجيل في ComponentManager
isVisible_	protected	قيمة منطقية	تحديد ما إذا كانت "مجموعة الأدوات" مرئية
previouslySelectedItem_	protected	ISelectableToolboxItem | null	العنصر الذي تم اختياره سابقًا
RTL		قيمة منطقية
selectedItem_	protected	ISelectableToolboxItem | null	العنصر المحدّد حاليًا
toolboxDef_	protected	toolbox.ToolboxInfo
toolboxPosition		toolbox.Position
width_	protected	الرقم	تمثّل هذه السمة عرض مجموعة الأدوات.
workspace_	protected readonly	WorkspaceSvg	مساحة العمل التي يظهر فيها مربع الأدوات هذا

الطُرق

الطريقة	مفاتيح التعديل	الوصف
addToolboxItem_(toolboxItem)	protected	تضيف هذه السمة عنصرًا إلى صندوق الأدوات.
attachEvents_(container, contentsContainer)	protected	تضيف هذه السمة أدوات معالجة الأحداث إلى عنصر div الخاص بحاوية صندوق الأدوات.
autoHide(onlyClosePopups)		يخفي المكوّن. تم استدعاؤه في WorkspaceSvg.hideChaff.
canBeFocused()		راجِع IFocusableNode.canBeFocused.
clearSelection()		إزالة التمييز عن أي عنصر تم اختياره سابقًا
createContainer_()	protected	تنشئ هذه السمة عنصر div الحاوي الخاص بأدوات التطبيق.
createContentsContainer_()	protected	تُنشئ هذه السمة الحاوية التي تضمّ كل المحتوى في صندوق الأدوات.
createDom_(workspace)	protected	تنشئ هذه الدالة نموذج العناصر في المستند (DOM) الخاص بصندوق الأدوات.
createFlyout_()	protected	تنشئ هذه الدالة القائمة المنبثقة استنادًا إلى تخطيط صندوق الأدوات.
deselectItem_(item)	protected	يلغي اختيار العنصر المحدّد ويضع علامة "غير محدّد" عليه ويعدّل حالة aria.
dispose()		تتخلص هذه الطريقة من مجموعة الأدوات.
getClientRect()		تعرض هذه السمة المستطيل المحيط بمنطقة سحب العنصر المستهدَف بوحدات البكسل بالنسبة إلى إطار العرض.
getFlyout()		يحصل على القائمة المنبثقة لمجموعة الأدوات.
getFocusableElement()		راجِع IFocusableNode.getFocusableElement.
getFocusableTree()		راجِع IFocusableNode.getFocusableTree.
getHeight()		تعرض هذه السمة ارتفاع صندوق الأدوات.
getNestedTrees()		راجِع IFocusableTree.getNestedTrees.
getPreviouslySelectedItem()		تعرض هذه السمة العنصر الذي تم اختياره سابقًا.
getRestoredFocusableNode(previousNode)		راجِع IFocusableTree.getRestoredFocusableNode.
getRootFocusableNode()		راجِع IFocusableTree.getRootFocusableNode.
getSelectedItem()		تعرض هذه السمة العنصر المحدّد.
getToolboxItemById(id)		يحصل على عنصر صندوق الأدوات الذي يحمل رقم التعريف المحدّد.
getToolboxItems()		تعرض هذه السمة العناصر في صندوق الأدوات.
getWidth()		تعرض هذه السمة عرض مجموعة الأدوات.
getWorkspace()		تعرض هذه السمة مساحة العمل الخاصة بشريط الأدوات.
init()		تهيئة مجموعة الأدوات
isHorizontal()		تعرض هذه السمة ما إذا كان صندوق الأدوات أفقيًا أم لا.
lookUpFocusableNode(id)		راجِع IFocusableTree.lookUpFocusableNode.
onClick_(e)	protected	يتعامل مع الأحداث الناتجة عن النقر على صندوق الأدوات أو عناصر صندوق الأدوات.
onDragEnter(_dragElement)		يتعامل مع الحالات التي يدخل فيها مؤشر يتضمّن كتلة أو فقاعة إلى هدف السحب هذا.
onDragExit(_dragElement)		يتم التعامل مع الحالات التي يخرج فيها المؤشر الذي يحتوي على كتلة أو فقاعة من هدف السحب هذا.
onDrop(_dragElement)		تعالج هذه السمة الحالات التي يتم فيها إسقاط كتلة أو فقاعة على هذا المكوّن. يجب عدم التعامل مع عملية الحذف هنا.
onKeyDown_(e)	protected	يتعامل مع أحداث الضغط على المفاتيح في شريط الأدوات.
onNodeBlur()		راجِع IFocusableNode.onNodeBlur.
onNodeFocus()		راجِع IFocusableNode.onNodeFocus.
onShortcut(_shortcut)		يتعامل مع اختصار لوحة المفاتيح المحدّد.
onTreeBlur(nextTree)		راجِع IFocusableTree.onTreeBlur.
onTreeFocus(node, _previousTree)		راجِع IFocusableTree.onTreeFocus.
position()		تحديد موضع صندوق الأدوات استنادًا إلى ما إذا كان صندوق أدوات أفقيًا وما إذا كانت مساحة العمل في وضع الكتابة من اليمين إلى اليسار
refreshSelection()		تعدّل محتوى النافذة المنبثقة بدون إغلاقها. يجب استخدامها استجابةً لتغيير في إحدى الفئات الديناميكية، مثل المتغيرات أو الإجراءات.
renderContents_(toolboxDef)	protected	تضيف هذه السمة جميع عناصر صندوق الأدوات إلى صندوق الأدوات.
selectItem_(oldItem, newItem)	protected	يختار العنصر المحدّد ويضع علامة عليه ويعدّل حالة aria.
selectItemByPosition(position)		يختار عنصر صندوق الأدوات حسب موقعه في قائمة عناصر صندوق الأدوات.
setSelectedItem(newItem)		يضبط العنصر المحدّد كعنصر تم اختياره. لا يتم تنفيذ أي عملية إذا كان العنصر غير قابل للتحديد.
setVisible(isVisible)		تعرض هذه الأداة صندوق الأدوات أو تخفيه.
shouldDeselectItem_(oldItem, newItem)	protected	يحدّد ما إذا كان يجب إلغاء اختيار العنصر القديم.
shouldSelectItem_(oldItem, newItem)	protected	يحدّد ما إذا كان يجب تحديد العنصر الجديد.
updateCursorDeleteStyle_(addStyle)	protected	تضيف هذه الدالة نمط CSS الخاص بالمؤشر فوق شريط الأدوات أو تزيله استنادًا إلى ما إذا كان من المتوقّع حذف الكتلة أو الفقاعة فوقه في حال إسقاطها (باستخدام السمة الداخلية this.wouldDelete_).
updateFlyout_(oldItem, newItem)	protected	يحدّد ما إذا كان سيتم إخفاء النافذة المنبثقة أو عرضها استنادًا إلى العنصر المحدّد.
updateWouldDelete_(wouldDelete)	protected	تعدّل هذه السمة حالة wouldDelete_ الداخلية.
wouldDelete(element)		تعرض هذه السمة ما إذا كان سيتم حذف الحزمة أو الفقاعة المتوفّرة في حال إسقاطها في هذه المنطقة. يجب أن تتحقّق هذه الطريقة مما إذا كان يمكن حذف العنصر، ويتم استدعاؤها دائمًا قبل onDragEnter/onDragOver/onDragExit.