blockly > blockRendering > Drawer
کلاس blockRendering.Drawer
شی ای که بر اساس اطلاعات رندر داده شده بلوکی را ترسیم می کند.
امضا:
export declare class Drawer
سازندگان
| سازنده | اصلاح کننده ها | شرح |
|---|---|---|
| (سازنده) (بلوک، اطلاعات) | یک نمونه جدید از کلاس Drawer می سازد |
خواص
| ویژگی | اصلاح کننده ها | تایپ کنید | شرح |
|---|---|---|---|
| مسدود کردن_ | BlockSvg | ||
| ثابت_ | protected | ConstantProvider | |
| اطلاعات_ | RenderInfo | ||
| مسیر درونی_ | رشته | ||
| outlinePath_ | رشته | ||
| بالا سمت چپ_ | هماهنگ كردن |
مواد و روش ها
| روش | اصلاح کننده ها | شرح |
|---|---|---|
| قرعه کشی() | بلوک را به فضای کاری بکشید. در اینجا "طراحی" به معنای تنظیم عناصر مسیر SVG و جابجایی فیلدها، نمادها و اتصالات روی صفحه است. قطعات مسیرها به آرایه هایی از "گام ها" فشار داده می شوند، که سپس با فاصله ها به یکدیگر متصل می شوند و مستقیماً روی بلوک قرار می گیرند. این تضمین می کند که مراحل با فاصله برای بهبود خوانایی از هم جدا شده اند، اما لازم نیست. | |
| drawBottom_() | protected | برای لبه پایین بلوک مراحل اضافه کنید، احتمالاً شامل یک بریدگی برای اتصال بعدی. |
| drawConnectionHighlightPath (قابل اندازه گیری) | مسیری را برای برجسته کردن اتصال داده شده برمی‌گرداند. | |
| drawInlineInput_(ورودی) | protected | مراحل را برای ورودی درون خطی اضافه کنید. |
| drawInternals_() | protected | اجزای داخلی بلوک را رسم کنید: ورودی های درون خطی، فیلدها و نمادها. اینها برای قرارگیری به مسیر بیرونی بستگی ندارند. |
| drawJaggedEdge_(ردیف) | protected | برای لبه دندانه دار یک ردیف روی یک بلوک جمع شده مراحل اضافه کنید. |
| drawLeft_() | protected | مراحل سمت چپ بلوک را اضافه کنید، که ممکن است شامل یک اتصال خروجی باشد |
| drawOutline_() | protected | طرح کلی بلوک را ایجاد کنید. این یک مسیر پیوسته واحد است. |
| drawRightSideRow_(ردیف) | protected | برای سمت راست ردیفی که اتصالات ورودی مقدار یا بیانیه ندارد، مراحل اضافه کنید. |
| drawStatementInput_(ردیف) | protected | مراحل را برای ورودی بیانیه اضافه کنید. |
| drawTop_() | protected | با در نظر گرفتن جزئیاتی مانند کلاه و گوشه های گرد، مراحل را برای گوشه بالای بلوک اضافه کنید. |
| drawValueInput_(ردیف) | protected | برای ورودی مقدار خارجی، مراحلی را اضافه کنید که به صورت یک بریدگی در کنار بلوک ارائه شده است. |
| layoutField_(fieldInfo) | protected | موقعیت جدید یک فیلد یا نماد را به ریشه SVG آن فشار دهید. |
| positionExternalValueConnection_(ردیف) | protected | با در نظر گرفتن RTL و شکاف کوچک بین بلوک والد و بلوک فرزند که به مسیر تاریک بلوک والد اجازه می دهد تا از طریق آن نمایان شود، اتصال را روی یک ورودی مقدار خارجی قرار دهید. |
| positionInlineInputConnection_(ورودی) | protected | با در نظر گرفتن RTL و شکاف کوچک بین بلوک والد و بلوک فرزند، که به مسیر تاریک بلوک والد اجازه می دهد تا از طریق آن نمایان شود، اتصال را روی یک ورودی مقدار درون خطی قرار دهید. |
| positionNextConnection_() | protected | اتصال بعدی را روی یک بلوک قرار دهید. |
| positionOutputConnection_() | protected | اتصال خروجی را روی یک بلوک قرار دهید. |
| positionPreviousConnection_() | protected | اتصال قبلی را روی یک بلوک قرار دهید. |
| positionStatementInputConnection_(ردیف) | protected | با در نظر گرفتن RTL و شکاف کوچک بین بلوک والد و بلوک فرزند که به مسیر تاریک بلوک والد اجازه می دهد تا مسیر تاریک بلوک والد را نشان دهد، اتصال را روی یک ورودی بیانیه قرار دهید. |
| recordSizeOnBlock_() | protected | ذخیره اطلاعات اندازه به بلوک بیشتر اطلاعات رندر را می توان در انتهای رندر دور انداخت. هر چیزی که باید در اطراف نگه داشته شود باید در این تابع تنظیم شود. |
| updateConnectionHighlights() | protected | شی مسیر را به روز می کند تا نشان دهد کدام اتصالات در بلوک هایلایت شده اند. |