blockly > جعبه ابزار

کلاس جعبه ابزار

کلاس برای جعبه ابزار. DOM جعبه ابزار را ایجاد می کند.

امضا:

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

گسترش می دهد: DeleteArea

پیاده سازی: IAutoHideable , IKeyboardAccessible ، IStyleable ، جعبه ابزار IFocusableNode

سازندگان

سازنده اصلاح کننده ها توضیحات
(سازنده) (فضای کاری) نمونه جدیدی از کلاس Toolbox را می سازد

خواص

اموال اصلاح کننده ها تایپ کنید توضیحات
boundEvents_ protected browserEvents.Data [] اطلاعات نگهداری آرایه برای بازکردن کنترل‌کننده رویداد مورد نیاز است. برای دفع استفاده می شود. مثال: [[گره، نام، تابع]، [گره، نام، تابع]].
مطالب protected Map<string، IToolboxItem > از ID به مورد جعبه ابزار مربوطه نقشه برداری کنید.
contentsDiv_ protected HTMLDivElement | تهی ظرف HTML برای محتویات یک جعبه ابزار.
ارتفاع_ protected شماره ارتفاع جعبه ابزار.
HtmlDiv HTMLDivElement | تهی ظرف HTML برای جعبه ابزار.
شناسه رشته شناسه منحصر به فرد این مؤلفه که برای ثبت نام در ComponentManager استفاده می شود.
قابل مشاهده است_ protected بولی آیا جعبه ابزار قابل مشاهده است یا خیر.
قبلاً انتخاب شده_ protected ISelectableToolboxItem | تهی مورد انتخاب شده قبلی
RTL بولی
مورد انتخاب شده_ protected ISelectableToolboxItem | تهی مورد انتخاب شده در حال حاضر.
جعبه ابزار دف_ protected جعبه ابزار.ToolboxInfo
موقعیت جعبه ابزار جعبه ابزار.موقعیت
عرض_ protected شماره عرض جعبه ابزار.
فضای کاری_

protected

readonly

 WorkspaceSvg فضای کاری این جعبه ابزار در آن است.

روش ها

روش اصلاح کننده ها توضیحات
addToolboxItem_(toolboxItem) protected یک مورد را به جعبه ابزار اضافه می کند.
attachEvents_(container، contentsContainer) protected شنوندگان رویداد را به جعبه ابزار جعبه جعبه اضافه می کند.
پنهان کردن خودکار (فقط ClosePopups) مولفه را پنهان می کند. در WorkspaceSvg.hideChaff فراخوانی شده است.
canBeFocused() IFocusableNode.canBeFocused را ببینید.
clearSelection() هر موردی که قبلاً انتخاب شده را برجسته نمی کند.
createContainer_() protected Div کانتینری را برای جعبه ابزار ایجاد می کند.
createContentsContainer_() protected ظرفی را برای تمام محتویات جعبه ابزار ایجاد می کند.
createDom_(فضای کاری) protected DOM را برای جعبه ابزار ایجاد می کند.
createFlyout_() protected Flyout را بر اساس طرح جعبه ابزار ایجاد می کند.
deselectItem_(item) protected مورد داده شده را لغو انتخاب می کند، آن را به عنوان انتخاب نشده علامت گذاری می کند و وضعیت آریا را به روز می کند.
در معرض قرار دادن() این جعبه ابزار را از بین می برد.
getClientRect() مستطیل مرزی ناحیه هدف را بر حسب واحد پیکسل نسبت به درگاه نمایش برمی‌گرداند.
getFlyout() جعبه ابزار را بیرون می آورد.
getFocusableElement() به IFocusableNode.getFocusableElement مراجعه کنید.
getFocusableTree() به IFocusableNode.getFocusableTree مراجعه کنید.
getHeight() ارتفاع جعبه ابزار را می گیرد.
getNestedTrees() به IFocusableTree.getNestedTrees مراجعه کنید.
getPreviouslySelectedItem() مورد انتخاب شده قبلی را دریافت می کند.
getRestoredFocusableNode (گره قبلی) به 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 را ببینید.
موقعیت() جعبه ابزار را بر اساس افقی بودن جعبه ابزار و اینکه آیا فضای کاری به صورت rtl است قرار می دهد.
refreshSelection() محتوای Flyout را بدون بستن آن به روز می کند. باید در پاسخ به تغییر در یکی از دسته بندی های پویا، مانند متغیرها یا رویه ها استفاده شود.
renderContents_(toolboxDef) protected تمام موارد جعبه ابزار را به جعبه ابزار اضافه می کند.
selectItem_(oldItem، newItem) protected مورد داده شده را انتخاب می کند، آن را انتخاب شده علامت گذاری می کند و وضعیت آریا را به روز می کند.
selectItemByPosition(موقعیت) مورد جعبه ابزار را بر اساس موقعیت آن در لیست موارد جعبه ابزار انتخاب می کند.
setSelectedItem (NewItem) مورد داده شده را به عنوان انتخاب شده تنظیم می کند. در صورتی که مورد قابل انتخاب نباشد، فعال نیست.
setVisible (isVisible) جعبه ابزار را نشان می دهد یا پنهان می کند.
shouldDeselectItem_(oldItem, newItem) protected تصمیم می گیرد که آیا مورد قدیمی باید از حالت انتخاب خارج شود.
shouldSelectItem_(oldItem, newItem) protected تصمیم می گیرد که آیا مورد جدید باید انتخاب شود یا خیر.
updateCursorDeleteStyle_(addStyle) protected سبک CSS مکان نما را بر روی جعبه ابزار اضافه می کند یا حذف می کند، بر اساس اینکه آیا بلوک یا حباب روی آن انتظار می رود در صورت حذف شدن حذف شود (با استفاده از ویژگی داخلی this.wouldDelete_).
updateFlyout_(oldItem، newItem) protected بسته به مورد انتخاب شده تصمیم می گیرد که آیا پرواز را پنهان یا نشان دهد.
updateWouldDelete_(wildDelete) protected وضعیت داخلی wouldDelete_ را به روز می کند.
حذف (عنصر) نشان می دهد که اگر بلوک یا حباب ارائه شده در این ناحیه حذف شود یا خیر. این روش باید بررسی کند که آیا عنصر قابل حذف است و همیشه قبل از onDragEnter/onDragOver/onDragExit فراخوانی می شود.