הצורה של בלוק נקבעת על ידי רכיב עיבוד, על סמך ההגדרה של הבלוק (כלומר, השדות והחיבורים שלו).
רכיבי עיבוד מובנים
Blockly מספקת שלוש תוכנות מובנות לעיבוד תמונה, שלכל אחת מהן יש מראה קצת שונה של התוכנית.
| מפיק | תיאור | תמונה |
|---|---|---|
| Thrasos | המעבד הגרפי המומלץ. זהו עיבוד מודרני יותר של רכיב ה-geras, עם מרווחים אחידים יותר וגבולות מוצקים. |  |
| Geras | מעבד ברירת המחדל. זהו רכיב ה-Renderer המקורי ש-Blockly נבנה איתו. |  |
| Zelos | כלי לרינדור שמבוסס על עיצוב הבלוקים של Scratch-3.0. |  |
כדי להשתמש באחד מהרכיבים האלה לעיבוד, מעבירים את השם לאפשרויות ההגדרה:
Blockly.inject('blocklyDiv', {
renderer: 'thrasos'
});
רכיבי רינדור בהתאמה אישית
אם רוצים לתת לתוכנית מראה ותחושה שונים מאלה של רכיבי העיבוד המובנים, אפשר גם ליצור רכיב עיבוד בהתאמה אישית. כדי להתחיל, צוות Blockly ממליץ:
- כדאי לקרוא את מסמכי הרעיון של רכיב ה-Renderer כדי להבין איך כל הרכיבים של רכיב ה-Renderer משתלבים זה בזה.
- כדי להתנסות בהצגה מותאמת אישית, אפשר להשלים את ה-codelab בנושא רכיבי עיבוד מותאמים אישית.
- מוסיפים את הכלי לרינדור של ניפוי הבאגים לפרויקט.
- התאמה אישית של רכיב העיבוד.