کلاس BlockSvg
کلاس برای نمایش SVG یک بلوک. معمولاً مستقیماً فراخوانی نمی شود، () workspace.newBlock ترجیح داده می شود.
امضا:
export declare class BlockSvg extends Block implements IASTNodeLocationSvg, IBoundedElement, ICopyable<BlockCopyData>, IDraggable, IDeletable
گسترش می یابد: مسدود کردن
پیاده سازی: IASTNodeLocationSvg ، IBoundedElement , ICopyable <BlockCopyData>، IDdraggable , قابل حذف
سازندگان
سازنده | اصلاح کننده ها | توضیحات |
---|---|---|
(سازنده) (فضای کاری، نمونه اولیه، opt_id) | یک نمونه جدید از کلاس BlockSvg می سازد |
خواص
اموال | اصلاح کننده ها | تایپ کنید | توضیحات |
---|---|---|---|
COLLAPSED_WARNING_ID | | (اعلام نشده) | شناسه برای دادن اخطار "هشدارهای جمع شده". به ما امکان میدهد اخطار "هشدارهای جمع شده" را بدون حذف هیچ هشداری که متعلق به بلوک است حذف کنیم. |
CustomContextMenu؟ | (p1: Array<ContextMenuOption | LegacyContextMenuOption>) => void | (اختیاری) | |
تجزیه شود؟ | (p1: فضای کاری ) => BlockSvg | (اختیاری) | |
ارتفاع | شماره | ارتفاع این بلوک، بدون هیچ بلوک دستوری در بالا یا پایین. ارتفاع بر حسب واحدهای فضای کار می باشد. | |
INLINE | | (اعلام نشده) | ثابت برای شناسایی ردیف هایی که قرار است به صورت درون خطی رندر شوند. با Blockly.inputTypes برخورد نکنید. |
جهش دهنده | MutatorIcon | تهی | نماد جهش گیرنده بلوک (در صورت وجود). | |
اتصال بعدی | RenderedConnection | ||
خروجی اتصال | RenderedConnection | ||
اتصال قبلی | RenderedConnection | ||
ارائه شده است | readonly | (اعلام نشده) | آیا این بلوک BlockSVG است؟ |
ذخیره اتصالات؟ | (p1: BlockSvg ) => باطل | (اختیاری) | |
سبک | BlockStyle | ||
عرض | شماره | عرض این بلوک، از جمله هر بلوک ارزش متصل. عرض در واحدهای فضای کاری است. | |
فضای کار | WorkspaceSvg |
روش ها
روش | اصلاح کننده ها | توضیحات |
---|---|---|
افزودن نماد (نماد) | ||
addSelect() | افکت بصری "انتخاب" را به بلوک اضافه می کند، اما در واقع آن را انتخاب نمی کند یا رویدادی را فعال نمی کند. | |
appendInput (ورودی) | ||
bumpNeighbours() | بلوک های غیر متصل را از تراز خارج می کند. دو بلوک که در واقع به هم متصل نیستند نباید به طور تصادفی روی صفحه قرار گیرند، زیرا این باعث سردرگمی برای کاربران نهایی می شود. | |
checkAndDelete() | یک بلوک را حذف کنید و هنگام انجام این کار، کاه را پنهان کنید. اگر بلوک در حال اجرا باشد، حذف نخواهد شد. این از منوی زمینه و میانبرهای صفحه کلید به عنوان عمل حذف کامل نامیده می شود. اگر یک بلوک را از فضای کاری دور میکنید و نیازی به انجام بررسیهای flyout، مدیریت گروهبندی رویداد، یا مخفی کردن chaff ندارید، مستقیماً از block.dispose() استفاده کنید. | |
دور ریختن (healStack، متحرک) | این بلوک را دور بریزید. | |
disposeInternal() | این بلوک را بدون انجام کارهای مورد نیاز بلوک بالا از بین می برد. به عنوان مثال، افکت های رابط کاربری را فعال می کند، گره ها را حذف می کند و غیره. | |
کشیدن (newLoc, e) | بلوک را به مکان داده شده می کشد. | |
endDrag(e) | کشیدن روی بلوک را پایان می دهد. | |
()geneContextMenu | protected | منوی زمینه را برای این بلوک ایجاد کنید. |
getBoundingRectangle() | مختصات یک جعبه مرزی را برمیگرداند که ابعاد این بلوک و بلوکهای انباشته شده در زیر آن را توصیف میکند. سیستم مختصات: مختصات فضای کاری. | |
getChildren (سفارش شده) | تمام بلوکهایی را که مستقیماً در داخل این بلوک قرار دارند، پیدا کنید. شامل مقادیر و ورودیهای بیانیه و همچنین هر عبارت زیر است. هرگونه اتصال در برگه خروجی یا هر عبارت قبلی را مستثنی می کند. بلوک ها به صورت اختیاری بر اساس موقعیت مرتب می شوند. بالا به پایین | |
getColour() | رنگ بلوک را دریافت کنید. | |
getColourSecondary() | رنگ ثانویه یک بلوک را دریافت کنید. | |
getColourTertiary() | رنگ سوم یک بلوک را دریافت کنید. | |
getNextBlock() | بلوک دستور بعدی را که مستقیماً به این بلوک متصل است، برگردانید. | |
getPreviousBlock() | بلوک متصل به اتصال قبلی را برمی گرداند. | |
getRelativeToSurfaceXY() | مختصات گوشه سمت چپ بالای این بلوک را نسبت به مبدأ سطح رسم (0,0) در واحدهای فضای کاری برگردانید. اگر بلوک در فضای کاری باشد، (0، 0) مبدأ سیستم مختصات فضای کاری است. این با مقیاس فضای کاری تغییر نمی کند. | |
getSvgRoot() | گره ریشه SVG را برگردانید یا اگر وجود نداشت، null را برگردانید. | |
initSvg() | نمایش SVG بلوک را ایجاد و مقداردهی اولیه کنید. ممکن است بیش از یک بار تماس گرفته شود. | |
isMovable() | برمی گرداند که آیا این بلوک متحرک است یا خیر. | |
markDirty() | به هر ورودی در این بلوک اطلاع دهید تا فیلدهای آن را به عنوان کثیف علامت گذاری کنید. فیلد کثیف فیلدی است که باید دوباره رندر شود. | |
moveBy (dx، dy، دلیل) | یک بلوک را با یک افست نسبی حرکت دهید. | |
moveNumberedInputBefore (InputIndex, refIndex) | یک ورودی شماره گذاری شده را به مکان دیگری در این بلوک منتقل کنید. | |
moveTo (xy، دلیل) | یک بلوک را به یک موقعیت منتقل کنید. | |
حذف نماد (نوع) | ||
removeInput (نام، opt_quiet) | یک ورودی را از این بلوک حذف کنید. | |
removeSelect() | جلوه بصری "انتخاب" را از بلوک حذف می کند، اما در واقع آن را لغو انتخاب نمی کند یا رویدادی را فعال نمی کند. | |
render() | بلافاصله یک بلوک را بر اساس محتویات و تنظیمات آن تنظیم می کند و دوباره جریان می دهد. | |
revertDrag() | بلوک را به جایی که در ابتدای کشیدن بود برمیگرداند. | |
scheduleSnapAndBump() | به شبکه بپیچید، و سپس بلوکهای همسایه را در انتهای رندر بعدی از بین ببرید. | |
select() | این بلوک را انتخاب می کند. بلوک را به صورت بصری برجسته می کند. | |
setCollapsed (جمع شده) | تنظیم کنید که بلوک جمع شود یا خیر. | |
setColor (رنگ) | رنگ بلوک را تغییر دهید | |
setDisabledReason (غیرفعال، دلیل) | دلیلی برای غیرفعال شدن بلوک اضافه یا حذف کنید. اگر یک بلوک دلایلی برای غیرفعال شدن داشته باشد، خود بلوک غیرفعال در نظر گرفته می شود. یک بلوک می تواند به دلایل مستقل متعدد به طور همزمان غیرفعال شود، مانند زمانی که کاربر به صورت دستی آن را غیرفعال می کند یا بلوک نامعتبر است. | |
setDragStrategy(dragStrategy) | استراتژی کشیدن را برای این بلوک تنظیم می کند. | |
مجموعه قابل ویرایش (قابل ویرایش) | تنظیم کنید که آیا این بلوک قابل ویرایش است یا خیر. | |
setEnabled (فعال) | ||
setHighlighted (هایلایت شده) | تنظیم کنید که بلوک هایلایت شود یا خیر. برجسته سازی بلوک اغلب برای علامت گذاری بصری بلوک هایی که در حال حاضر اجرا می شوند استفاده می شود. | |
setInputsInline(newBoolean) | تنظیم کنید که ورودی های مقدار به صورت افقی یا عمودی مرتب شوند. | |
setMovable (متحرک) | تنظیم کنید که آیا این بلوک متحرک است یا خیر. | |
setMutator(mutator) | به این بلوک یک گفتگوی mutator بدهید. | |
setNextStatement(newBoolean، opt_check) | تنظیم کنید که آیا بلوک دیگری می تواند به پایین این بلوک زنجیره ای بزند یا خیر. | |
setOutput (newBoolean، opt_check) | تنظیم کنید که آیا این بلوک مقداری را برمی گرداند یا خیر. | |
setPreviousStatement(newBoolean، opt_check) | تنظیم کنید که آیا این بلوک می تواند به پایین بلوک دیگری متصل شود یا خیر. | |
setStyle (blockStyleName) | مقدار سبک و رنگ یک بلوک را تنظیم کنید. | |
setWarningText (متن، شناسه) | متن هشدار این بلوک را تنظیم کنید. | |
snapToGrid() | این بلوک را به نزدیکترین نقطه شبکه بچسبانید. | |
startDrag(e) | کشیدن روی بلوک را شروع می کند. | |
برگه (شروع، جلو) | FieldTextInput بعدی (یا قبلی) را باز کنید. | |
toCopyData() | یک بلوک را برای کپی رمزگذاری کنید. | |
toFlyoutInfo() | نمایشی از این بلوک را برمیگرداند که میتواند در یک پرواز نمایش داده شود. | |
ترجمه (x، y) | با تنظیم ترجمه روی ویژگی transform SVG بلوک، یک بلوک را تبدیل می کند. | |
لغو انتخاب () | این بلوک را لغو انتخاب می کند. بلوک را به صورت بصری برجسته نمی کند. | |
updateMarkers_() | protected | در صورت نیاز هر نشانگر یا مکان نما svgs پیوست شده را دوباره ترسیم کنید. |
کلاس BlockSvg
کلاس برای نمایش SVG یک بلوک. معمولاً مستقیماً فراخوانی نمی شود، () workspace.newBlock ترجیح داده می شود.
امضا:
export declare class BlockSvg extends Block implements IASTNodeLocationSvg, IBoundedElement, ICopyable<BlockCopyData>, IDraggable, IDeletable
گسترش می یابد: مسدود کردن
پیاده سازی: IASTNodeLocationSvg ، IBoundedElement , ICopyable <BlockCopyData>، IDdraggable , قابل حذف
سازندگان
سازنده | اصلاح کننده ها | توضیحات |
---|---|---|
(سازنده) (فضای کاری، نمونه اولیه، opt_id) | یک نمونه جدید از کلاس BlockSvg می سازد |
خواص
اموال | اصلاح کننده ها | تایپ کنید | توضیحات |
---|---|---|---|
COLLAPSED_WARNING_ID | | (اعلام نشده) | شناسه برای دادن اخطار "هشدارهای جمع شده". به ما امکان میدهد اخطار "هشدارهای جمع شده" را بدون حذف هیچ هشداری که متعلق به بلوک است حذف کنیم. |
CustomContextMenu؟ | (p1: Array<ContextMenuOption | LegacyContextMenuOption>) => void | (اختیاری) | |
تجزیه شود؟ | (p1: فضای کاری ) => BlockSvg | (اختیاری) | |
ارتفاع | شماره | ارتفاع این بلوک، بدون هیچ بلوک دستوری در بالا یا پایین. ارتفاع بر حسب واحدهای فضای کار می باشد. | |
INLINE | | (اعلام نشده) | ثابت برای شناسایی ردیف هایی که قرار است به صورت درون خطی رندر شوند. با Blockly.inputTypes برخورد نکنید. |
جهش دهنده | MutatorIcon | تهی | نماد جهش گیرنده بلوک (در صورت وجود). | |
اتصال بعدی | RenderedConnection | ||
خروجی اتصال | RenderedConnection | ||
اتصال قبلی | RenderedConnection | ||
ارائه شده است | readonly | (اعلام نشده) | آیا این بلوک BlockSVG است؟ |
ذخیره اتصالات؟ | (p1: BlockSvg ) => باطل | (اختیاری) | |
سبک | BlockStyle | ||
عرض | شماره | عرض این بلوک، از جمله هر بلوک ارزش متصل. عرض در واحدهای فضای کاری است. | |
فضای کار | WorkspaceSvg |
روش ها
روش | اصلاح کننده ها | توضیحات |
---|---|---|
نماد افزودنی (نماد) | ||
addSelect() | افکت بصری "انتخاب" را به بلوک اضافه می کند، اما در واقع آن را انتخاب نمی کند یا رویدادی را فعال نمی کند. | |
appendInput (ورودی) | ||
bumpNeighbours() | بلوک های غیر متصل را از تراز خارج می کند. دو بلوک که در واقع به هم متصل نیستند نباید به طور تصادفی روی صفحه قرار گیرند، زیرا این باعث سردرگمی برای کاربران نهایی می شود. | |
checkAndDelete() | یک بلوک را حذف کنید و هنگام انجام این کار، کاه را پنهان کنید. اگر بلوک در حال اجرا باشد، حذف نخواهد شد. این از منوی زمینه و میانبرهای صفحه کلید به عنوان عمل حذف کامل نامیده می شود. اگر یک بلوک را از فضای کاری دور میکنید و نیازی به انجام بررسیهای flyout، مدیریت گروهبندی رویداد، یا مخفی کردن chaff ندارید، مستقیماً از block.dispose() استفاده کنید. | |
دور ریختن (healStack، متحرک) | این بلوک را دور بریزید. | |
disposeInternal() | این بلوک را بدون انجام کارهای مورد نیاز بلوک بالا از بین می برد. به عنوان مثال، افکت های رابط کاربری را فعال می کند، گره ها را حذف می کند و غیره. | |
کشیدن (newLoc, e) | بلوک را به مکان داده شده می کشد. | |
endDrag(e) | کشیدن روی بلوک را پایان می دهد. | |
()geneContextMenu | protected | منوی زمینه را برای این بلوک ایجاد کنید. |
getBoundingRectangle() | مختصات یک جعبه مرزی را برمیگرداند که ابعاد این بلوک و بلوکهای انباشته شده در زیر آن را توصیف میکند. سیستم مختصات: مختصات فضای کاری. | |
getChildren (سفارش شده) | تمام بلوکهایی را که مستقیماً در داخل این بلوک قرار دارند، پیدا کنید. شامل مقادیر و ورودیهای بیانیه و همچنین هر عبارت زیر است. هرگونه اتصال در برگه خروجی یا هر عبارت قبلی را مستثنی می کند. بلوک ها به صورت اختیاری بر اساس موقعیت مرتب می شوند. بالا به پایین | |
getColour() | رنگ بلوک را دریافت کنید. | |
getColourSecondary() | رنگ ثانویه یک بلوک را دریافت کنید. | |
getColourTertiary() | رنگ سوم یک بلوک را دریافت کنید. | |
getNextBlock() | بلوک دستور بعدی را که مستقیماً به این بلوک متصل است، برگردانید. | |
getPreviousBlock() | بلوک متصل به اتصال قبلی را برمی گرداند. | |
getRelativeToSurfaceXY() | مختصات گوشه سمت چپ بالای این بلوک را نسبت به مبدأ سطح رسم (0,0) در واحدهای فضای کاری برگردانید. اگر بلوک در فضای کاری باشد، (0، 0) مبدأ سیستم مختصات فضای کاری است. این با مقیاس فضای کاری تغییر نمی کند. | |
getSvgRoot() | گره ریشه SVG را برگردانید یا اگر وجود نداشت، null را برگردانید. | |
initSvg() | نمایش SVG بلوک را ایجاد و مقداردهی اولیه کنید. ممکن است بیش از یک بار تماس گرفته شود. | |
isMovable() | برمی گرداند که آیا این بلوک متحرک است یا خیر. | |
markDirty() | به هر ورودی در این بلوک اطلاع دهید تا فیلدهای آن را به عنوان کثیف علامت گذاری کنید. فیلد کثیف فیلدی است که باید دوباره رندر شود. | |
moveBy (dx، dy، دلیل) | یک بلوک را با یک افست نسبی حرکت دهید. | |
moveNumberedInputBefore(inputIndex, refIndex) | یک ورودی شماره گذاری شده را به مکان دیگری در این بلوک منتقل کنید. | |
moveTo (xy، دلیل) | یک بلوک را به یک موقعیت منتقل کنید. | |
حذف نماد (نوع) | ||
removeInput (نام، opt_quiet) | یک ورودی را از این بلوک حذف کنید. | |
removeSelect() | جلوه بصری "انتخاب" را از بلوک حذف می کند، اما در واقع آن را لغو انتخاب نمی کند یا رویدادی را فعال نمی کند. | |
render() | بلافاصله یک بلوک را بر اساس محتویات و تنظیمات آن تنظیم می کند و دوباره جریان می دهد. | |
revertDrag() | بلوک را به جایی که در ابتدای کشیدن بود برمیگرداند. | |
scheduleSnapAndBump() | به شبکه بپیچید، و سپس بلوکهای همسایه را در انتهای رندر بعدی از بین ببرید. | |
select() | این بلوک را انتخاب می کند. بلوک را به صورت بصری برجسته می کند. | |
setCollapsed (جمع شده) | تنظیم کنید که بلوک جمع شود یا خیر. | |
setColor (رنگ) | رنگ بلوک را تغییر دهید | |
setDisabledReason (غیرفعال، دلیل) | دلیلی برای غیرفعال شدن بلوک اضافه یا حذف کنید. اگر یک بلوک دلایلی برای غیرفعال شدن داشته باشد، خود بلوک غیرفعال در نظر گرفته می شود. یک بلوک می تواند به دلایل مستقل متعدد به طور همزمان غیرفعال شود، مانند زمانی که کاربر به صورت دستی آن را غیرفعال می کند یا بلوک نامعتبر است. | |
setDragStrategy(dragStrategy) | استراتژی کشیدن را برای این بلوک تنظیم می کند. | |
مجموعه قابل ویرایش (قابل ویرایش) | تنظیم کنید که آیا این بلوک قابل ویرایش است یا خیر. | |
setEnabled (فعال) | ||
setHighlighted (هایلایت شده) | تنظیم کنید که بلوک هایلایت شود یا خیر. برجسته سازی بلوک اغلب برای علامت گذاری بصری بلوک هایی که در حال حاضر اجرا می شوند استفاده می شود. | |
setInputsInline(newBoolean) | تنظیم کنید که ورودی های مقدار به صورت افقی یا عمودی مرتب شوند. | |
setMovable (متحرک) | تنظیم کنید که آیا این بلوک متحرک است یا خیر. | |
setMutator(mutator) | به این بلوک یک گفتگوی mutator بدهید. | |
setNextStatement(newBoolean، opt_check) | تنظیم کنید که آیا بلوک دیگری می تواند به پایین این بلوک زنجیره ای بزند یا خیر. | |
setOutput (newBoolean، opt_check) | تنظیم کنید که آیا این بلوک مقداری را برمی گرداند یا خیر. | |
setPreviousStatement(newBoolean، opt_check) | تنظیم کنید که آیا این بلوک می تواند به پایین بلوک دیگری متصل شود یا خیر. | |
setStyle (blockStyleName) | مقدار سبک و رنگ یک بلوک را تنظیم کنید. | |
setWarningText (متن، شناسه) | متن هشدار این بلوک را تنظیم کنید. | |
snapToGrid() | این بلوک را به نزدیکترین نقطه شبکه بچسبانید. | |
startDrag(e) | کشیدن روی بلوک را شروع می کند. | |
برگه (شروع، جلو) | FieldTextInput بعدی (یا قبلی) را باز کنید. | |
toCopyData() | یک بلوک را برای کپی رمزگذاری کنید. | |
toFlyoutInfo() | نمایشی از این بلوک را برمیگرداند که میتواند در یک پرواز نمایش داده شود. | |
ترجمه (x، y) | با تنظیم ترجمه روی ویژگی transform SVG بلوک، یک بلوک را تبدیل می کند. | |
لغو انتخاب () | این بلوک را لغو انتخاب می کند. بلوک را به صورت بصری برجسته نمی کند. | |
updateMarkers_() | protected | در صورت نیاز هر نشانگر یا مکان نما svgs پیوست شده را دوباره ترسیم کنید. |