blockly > BlockSvg

کلاس BlockSvg

کلاس برای نمایش SVG یک بلوک. معمولاً مستقیماً فراخوانی نمی شود، () workspace.newBlock ترجیح داده می شود.

امضا:

export declare class BlockSvg extends Block implements IBoundedElement, IContextMenu, ICopyable<BlockCopyData>, IDraggable, IDeletable, IFocusableNode 

گسترش می یابد: مسدود کردن

پیاده سازی: IBoundedElement IContextMenu , ICopyable < BlockCopyData >، IDdraggable , قابل حذف IFocusableNode

سازندگان

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

خواص

اموال	اصلاح کننده ها	تایپ کنید	توضیحات
COLLAPSED_WARNING_ID	static readonly	(اعلام نشده)	شناسه برای دادن اخطار "هشدارهای جمع شده". به ما امکان می‌دهد اخطار "هشدارهای جمع شده" را بدون حذف هیچ هشداری که متعلق به بلوک است حذف کنیم.
CustomContextMenu؟		(p1: Array<ContextMenuOption | LegacyContextMenuOption>) => void	(اختیاری)
تجزیه شود؟		(p1: فضای کاری ) => BlockSvg	(اختیاری)
ارتفاع		شماره	ارتفاع این بلوک، بدون هیچ بلوک دستوری در بالا یا پایین. ارتفاع بر حسب واحدهای فضای کار می باشد.
INLINE	static readonly	(اعلام نشده)	ثابت برای شناسایی ردیف هایی که قرار است به صورت درون خطی رندر شوند. با Blockly.inputTypes برخورد نکنید.
جهش دهنده		MutatorIcon | تهی	نماد جهش گیرنده بلوک (در صورت وجود).
اتصال بعدی		RenderedConnection
خروجی اتصال		RenderedConnection
اتصال قبلی		RenderedConnection
ارائه شده است	readonly	(اعلام نشده)	آیا این بلوک BlockSVG است؟
ذخیره اتصالات؟		(rootBlock: BlockSvg ) => باطل	(اختیاری) یک روش اختیاری که رکوردی از بلوک‌های متصل به این بلوک را ذخیره می‌کند تا بتوان بعد از تنظیم مجدد این بلوک (پیکربندی مجدد) آن‌ها را بازیابی کرد. معمولاً بلوک‌های متصل را روی ویژگی‌های بلوک‌های موجود در فلای‌آوت جهش‌یافته ثبت می‌کند، به طوری که با مرتب کردن مجدد آن بلوک‌های مؤلفه، پس از ترکیب مجدد این بلوک، به‌طور خودکار بلوک‌های متصل مربوطه در این بلوک بازآرایی می‌شوند. برای به روز نگه داشتن اطلاعات اتصال ذخیره شده، MutatorIcon ترتیبی می دهد که شنونده رویداد هر زمانی که Flyout mutator باز است و تغییری در فضای کاری این بلوک رخ می دهد، این روش را فراخوانی کند.
سبک		BlockStyle
عرض		شماره	عرض این بلوک، از جمله هر بلوک ارزش متصل. عرض در واحدهای فضای کاری است.
فضای کار		WorkspaceSvg

روش ها

روش	اصلاح کننده ها	توضیحات
addClass(classname)		یک کلاس CSS به گروه SVG این بلوک اضافه کنید.
افزودن نماد (نماد)
addSelect()		افکت بصری "انتخاب" را به بلوک اضافه می کند، اما در واقع آن را انتخاب نمی کند یا رویدادی را فعال نمی کند.
appendInput (ورودی)
bringToFront (فقط بلوک)		این بلوک را به جلوی فضای کاری قابل مشاهده منتقل کنید. برچسب‌ها به z-index احترام نمی‌گذارند، بنابراین SVG آنها را به ترتیبی که در DOM هستند ارائه می‌کند. با قرار دادن این بلوک ابتدا در گروه بلوک ، در بالای هر بلوک دیگری رندر می شود. استفاده کم، این روش گران است زیرا گره‌های DOM را دوباره مرتب می‌کند.
bumpNeighbours()		بلوک های غیر متصل را از تراز خارج می کند. دو بلوک که در واقع به هم متصل نیستند نباید به طور تصادفی روی صفحه قرار گیرند، زیرا این باعث سردرگمی برای کاربران نهایی می شود.
calcontextMenuLocation(e)	protected	مکان نمایش منوی زمینه این بلوک را دریافت می کند. اگر روی بلوک کلیک شده است، از مکان کلیک استفاده کنید، یا در غیر این صورت، از مکان مبتنی بر فیلدهای بلوک استفاده کنید.
canBeFocused()		IFocusableNode.canBeFocused را ببینید.
checkAndDelete()		یک بلوک را حذف کنید و هنگام انجام این کار، کاه را پنهان کنید. اگر بلوک در حال اجرا باشد، حذف نخواهد شد. این از منوی زمینه و میانبرهای صفحه کلید به عنوان عمل حذف کامل نامیده می شود. اگر یک بلوک را از فضای کاری دور می‌کنید و نیازی به انجام بررسی‌های flyout، مدیریت گروه‌بندی رویداد، یا مخفی کردن chaff ندارید، مستقیماً از block.dispose() استفاده کنید.
دور ریختن (healStack، متحرک)		این بلوک را دور بریزید.
disposeInternal()		این بلوک را بدون انجام کارهای مورد نیاز بلوک بالا از بین می برد. به عنوان مثال، افکت های رابط کاربری را فعال می کند، گره ها را حذف می کند و غیره.
کشیدن (newLoc, e)		بلوک را به مکان داده شده می کشد.
endDrag(e)		کشیدن روی بلوک را پایان می دهد.
GenerationContextMenu(e)	protected	منوی زمینه را برای این بلوک ایجاد کنید.
getBoundingRectangle()		مختصات یک جعبه مرزی را برمی‌گرداند که ابعاد این بلوک و بلوک‌های انباشته شده در زیر آن را توصیف می‌کند. سیستم مختصات: مختصات فضای کاری.
getBoundingRectangleWithoutChildren()		مختصات یک جعبه مرزی را برمی‌گرداند که ابعاد این بلوک را به تنهایی توصیف می‌کند. سیستم مختصات: مختصات فضای کاری.
getChildren (سفارش شده)		تمام بلوک‌هایی را که مستقیماً در داخل این بلوک قرار دارند، پیدا کنید. شامل مقادیر و ورودی‌های بیانیه و همچنین هر عبارت زیر است. هرگونه اتصال در برگه خروجی یا هر عبارت قبلی را مستثنی می کند. بلوک ها به صورت اختیاری بر اساس موقعیت مرتب می شوند. بالا به پایین
getColour()		رنگ بلوک را دریافت کنید.
getColourSecondary()		رنگ ثانویه یک بلوک را دریافت کنید.
getColourTertiary()		رنگ سوم یک بلوک را دریافت کنید.
getFocusableElement()		به IFocusableNode.getFocusableElement مراجعه کنید.
getFocusableTree()		به IFocusableNode.getFocusableTree مراجعه کنید.
getNextBlock()		بلوک دستور بعدی را که مستقیماً به این بلوک متصل است، برگردانید.
getPreviousBlock()		بلوک متصل به اتصال قبلی را برمی گرداند.
getRelativeToSurfaceXY()		مختصات گوشه سمت چپ بالای این بلوک را نسبت به مبدأ سطح رسم (0,0) در واحدهای فضای کاری برگردانید. اگر بلوک در فضای کاری باشد، (0، 0) مبدأ سیستم مختصات فضای کاری است. این با مقیاس فضای کاری تغییر نمی کند.
getStyle()		شی BlockStyle مورد استفاده برای استایل دادن به این بلوک را برمی گرداند.
getSvgRoot()		گره ریشه SVG را برگردانید یا اگر وجود نداشت، null را برگردانید.
initSvg()		نمایش SVG بلوک را ایجاد و مقداردهی اولیه کنید. ممکن است بیش از یک بار تماس گرفته شود.
isCopyable()		نشان می دهد که آیا این بلوک قابل کپی است یا خیر.
isMovable()		برمی گرداند که آیا این بلوک متحرک است یا خیر.
jsonInit(json)
markDirty()		به هر ورودی در این بلوک اطلاع دهید تا فیلدهای آن را به عنوان کثیف علامت گذاری کنید. فیلد کثیف فیلدی است که باید دوباره رندر شود.
moveBy (dx، dy، دلیل)		یک بلوک را با یک افست نسبی حرکت دهید.
moveNumberedInputBefore (InputIndex, refIndex)		یک ورودی شماره گذاری شده را به مکان دیگری در این بلوک منتقل کنید.
moveTo (xy، دلیل)		یک بلوک را به یک موقعیت منتقل کنید.
onNodeBlur()		IFocusableNode.onNodeBlur را ببینید.
onNodeFocus()		به IFocusableNode.onNodeFocus مراجعه کنید.
removeClass(classname)		یک کلاس CSS را از گروه SVG این بلوک حذف کنید.
حذف نماد (نوع)
removeInput (نام، opt_quiet)		یک ورودی را از این بلوک حذف کنید.
removeSelect()		جلوه بصری "انتخاب" را از بلوک حذف می کند، اما در واقع آن را لغو انتخاب نمی کند یا رویدادی را فعال نمی کند.
render()		بلافاصله یک بلوک را بر اساس محتویات و تنظیمات آن تنظیم می کند و دوباره جریان می دهد.
revertDrag()		بلوک را به جایی که در ابتدای کشیدن بود برمی‌گرداند.
scheduleSnapAndBump()		به شبکه بپیچید، و سپس بلوک‌های همسایه را در انتهای رندر بعدی از بین ببرید.
select()		این بلوک را انتخاب می کند. بلوک را به صورت بصری برجسته می کند.
setCollapsed (جمع شده)		تنظیم کنید که بلوک جمع شود یا خیر.
setColor (رنگ)		رنگ بلوک را تغییر دهید
مجموعه قابل حذف (قابل حذف)		وقتی بلوک قابل حذف نیست کلاس blocklyNotDeletable را اضافه کنید یا وقتی بلوک قابل حذف است کلاس را حذف کنید
setDisabledReason (غیرفعال، دلیل)		دلیلی برای غیرفعال شدن بلوک اضافه یا حذف کنید. اگر یک بلوک دلایلی برای غیرفعال شدن داشته باشد، خود بلوک غیرفعال در نظر گرفته می شود. یک بلوک می تواند به دلایل مستقل متعدد به طور همزمان غیرفعال شود، مانند زمانی که کاربر به صورت دستی آن را غیرفعال می کند یا بلوک نامعتبر است.
setDragStrategy(dragStrategy)		استراتژی کشیدن را برای این بلوک تنظیم می کند.
مجموعه قابل ویرایش (قابل ویرایش)		تنظیم کنید که آیا این بلوک قابل ویرایش است یا خیر.
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)		کشیدن روی بلوک را شروع می کند.
toCopyData()		یک بلوک را برای کپی رمزگذاری کنید.
toFlyoutInfo()		نمایشی از این بلوک را برمی‌گرداند که می‌تواند در یک پرواز نمایش داده شود.
ترجمه (x، y)		با تنظیم ترجمه روی ویژگی transform SVG بلوک، یک بلوک را تبدیل می کند.
لغو انتخاب ()		این بلوک را لغو انتخاب می کند. بلوک را به صورت بصری برجسته نمی کند.