شکل یک بلوک توسط یک رندر، بر اساس تعریف بلوک (یعنی فیلدها و اتصالات آن) تعیین می شود.
رندرهای داخلی
Blockly سه رندر داخلی را ارائه می دهد که هر کدام حس کمی متفاوت به برنامه می دهند.
| رندر | توضیحات | تصویر |
|---|---|---|
| تراسوس | رندر پیشنهادی این یک برداشت مدرن تر از رندر geras است، با فاصله یکنواخت تر و حاشیه های محکم. |  |
| گراس | رندر پیش فرض این رندر اصلی است که Blockly با آن ساخته شده است. |  |
| Zelos | یک رندر بر اساس طراحی بلوک Scratch-3.0. |  |
برای استفاده از یکی از این رندرها، نام را در گزینه های تزریق قرار دهید:
Blockly.inject('blocklyDiv', {
renderer: 'thrasos'
});
رندرهای سفارشی
اگر می خواهید به برنامه خود ظاهر و احساس متفاوتی نسبت به هر یک از رندرهای داخلی بدهید، می توانید یک رندر سفارشی نیز ایجاد کنید. برای شروع، تیم Blockly به شما توصیه می کند:
- اسناد مفهومی رندر را بخوانید تا بدانید که چگونه همه اجزای یک رندر با هم هماهنگ می شوند.
- برای تمرین عملی با رندر سفارشی، کد رندر سفارشی را تکمیل کنید.
- رندر اشکال زدایی را به پروژه خود اضافه کنید.
- رندر خود را سفارشی کنید