رندرها

شکل یک بلوک توسط یک رندر، بر اساس تعریف بلوک (یعنی فیلدها و اتصالات آن) تعیین می شود.

رندرهای داخلی

Blockly سه رندر داخلی را ارائه می دهد که هر کدام حس کمی متفاوت به برنامه می دهند.

رندر توضیحات تصویر
تراسوس رندر پیشنهادی این یک برداشت مدرن تر از رندر geras است، با فاصله یکنواخت تر و حاشیه های محکم. تراسوس
گراس رندر پیش فرض این رندر اصلی است که Blockly با آن ساخته شده است. گراس
Zelos یک رندر بر اساس طراحی بلوک Scratch-3.0. zelos

برای استفاده از یکی از این رندرها، نام را در گزینه های پیکربندی قرار دهید:

Blockly.inject('blocklyDiv', {
  renderer: 'thrasos'
});

رندرهای سفارشی

اگر می خواهید به برنامه خود ظاهر و احساس متفاوتی نسبت به هر یک از رندرهای داخلی بدهید، می توانید یک رندر سفارشی نیز ایجاد کنید. برای شروع، تیم Blockly به شما توصیه می کند:

  1. اسناد مفهومی رندر را بخوانید تا بدانید که چگونه همه اجزای یک رندر با هم هماهنگ می شوند.
  2. برای تمرین عملی با رندر سفارشی، کد رندر سفارشی را تکمیل کنید.
  3. رندر اشکال زدایی را به پروژه خود اضافه کنید.
  4. رندر خود را سفارشی کنید