כלים למפתחים מדור קודם ב-blockly

חסימת כלים למפתחים הוא כלי מבוסס-אינטרנט למפתחים שמבצע אוטומציה של חלקים מהתצורה של Blockly כולל יצירת אבני בניין בהתאמה אישית, פיתוח ארגז הכלים והגדרת סביבת העבודה ב-Blockly באינטרנט.

התהליך למפתחים של Blockly באמצעות הכלי מורכב משלושה חלקים:

  • יצירת בלוקים מותאמים אישית באמצעות Block מפעל ו-block Exporter.
  • אפשר ליצור ארגז כלים וסביבת עבודה שמוגדרת כברירת מחדל באמצעות Workspace מפעל.
  • צריך להגדיר את סביבת העבודה באמצעות Workspace מפעל (כרגע יש רק דפדפן אינטרנט) ).

חסימת הכרטיסייה 'מפעל'

הכרטיסייה 'חסימת יצרן' עוזרת לך ליצור לחסום הגדרות וגם מחוללי קוד בלוקים (block-code) לאבני בניין בהתאמה אישית. בכרטיסייה הזו אפשר ליצור, לשנות ולשמור בקלות אבני בניין מותאמות אישית.

הגדרת בלוק

הסרטון הזה כולל הסבר מפורט על שלבי הגדרת בלוק. ממשק המשתמש לא פועל אבל תכונות החסימה שהוא מדגיש עדיין מדויקות.

ניהול הספרייה

הבלוקים מפנים באמצעות השמות שלהם, לכן כל בלוק שרוצים ליצור חייב לכלול שם ייחודי. ממשק המשתמש אוכף את הפעולה הזו ומבהיר מתי מתבצעת 'שמירה' בלוק חדש או 'עדכון' בלוק קיים.

אפשר לעבור בין בלוקים ששמרתם בעבר או ליצור בלוקים חדשים. חסום על ידי לחיצה על הלחצן 'ספרייה'. שינוי השם של בלוק קיים הוא דרך נוספת ליצור במהירות בלוקים מרובים עם הגדרות דומות.

ייצוא וייבוא של ספרייה

חסימות נשמרות באחסון המקומי של הדפדפן. ניקוי הדפדפן המקומי אחסון ימחק את הבלוקים שלך. כדי לשמור את החסימות ללא הגבלת זמן, צריך להוריד את הספרייה. ספריית הבלוקים שלך יורדת כקובץ XML שניתן לייבא כדי להגדיר את ספריית החסימה שלך למצב שבו היא הייתה שהורדתם את הקובץ. שימו לב שייבוא של ספריית חסימה מחליף את הנוכחי, לכן מומלץ לייצא קודם.

תכונות הייבוא והייצוא הן גם הדרך המומלצת לתחזק לשתף קבוצות שונות של בלוקים מותאמים אישית.

חסימת הכרטיסייה 'מייצא'

אחרי שמתכננים את הבלוקים, צריך לייצא את הגדרות הבלוקים ו-stub של גנרטור כדי להשתמש בהם באפליקציה. הפעולה הזו מתבצעת חסימת הכרטיסייה 'יצואן'.

כל בלוק ששמור בספריית החסימה שלך יוצג בבורר החסימה. לוחצים על הבלוק כדי לבחור או לבטל את הבחירה בו לייצוא. אם רוצים לבחור כל הבלוקים בספרייה, לחצו על Select (בחירה) ← 'All Stored In Block (כל הבלוקים)'. Library". אם יצרתם את ארגז הכלים או הגדרתם את סביבת העבודה באמצעות בכרטיסייה Workspace מפעל, אפשר גם לבחור את כל הבלוקים שבהם השתמשת לוחצים על 'בחירה' ← 'כל השימושים במפעל Workspace'.

בהגדרות הייצוא אפשר לבחור לאיזו שפה ליצור את הטירגוט, ואם אתם רוצים את ההגדרות, את השקפים של המחולל או את שניהם בלוקים נבחרים. לאחר הבחירה באפשרויות האלה, יש ללחוץ על 'ייצוא'. כדי להוריד את .

כרטיסיית ההגדרות המקוריות ב-Workspace

עם Workspace מפעל אפשר להגדיר בקלות ארגז כלים ואת ברירת המחדל קבוצת בלוקים בסביבת עבודה. אפשר לעבור בין עריכת ארגז הכלים התחלת סביבת העבודה באמצעות 'ארגז הכלים' וגם "Workspace" (סביבת עבודה) הלחצנים.

פיתוח ארגז כלים

הכרטיסייה הזו עוזרת לבנות את ה-XML של ארגז כלים. חומר הלימוד מבוסס על ההנחה להכיר את התכונות של ארגז כלים. אם יש לכם כבר XML עבור ארגז כלים שאתם רוצים לערוך כאן, תוכלו כדי לטעון אותו, לוחצים על 'טעינה לעריכה'.

ארגז כלים ללא קטגוריות

אם יש לכם כמה בלוקים ואתם רוצים להציג אותם בלי קטגוריות, פשוט לגרור אותם לסביבת העבודה, ותראו את הבלוקים מופיעים בארגז הכלים. בתצוגה המקדימה.

ארגז כלים עם קטגוריות

אם רוצים להציג בלוקים בקטגוריות, לוחצים על הלחצן '+' ובוחרים עבור קטגוריה חדשה. פעולה זו תוסיף קטגוריה לרשימת הקטגוריות שלך שאפשר לבחור ולערוך. כדי להוסיף משתמש פרטי, יש לבחור באפשרות "קטגוריה רגילה" קטגוריה רגילה של חסימה (לוגיקה, לולאות וכו'), או 'ארגז כלים רגיל' כדי להוסיף את הכול קטגוריות רגילות ב-Blockly. אפשר להשתמש בלחצני החיצים כדי לשנות את סדר הקטגוריות.

כדי לשנות את השם או הצבע של הקטגוריה שנבחרה, צריך להשתמש באפשרות 'עריכת קטגוריה' התפריט הנפתח. גרירה של בלוק לסביבת העבודה תוסיף אותו בקטגוריה שלכם.

חסימות מתקדמות

כברירת מחדל, ניתן להוסיף כל אחד מהבלוקים הרגילים או כל בלוק שרוצים בספרייה. לארגז הכלים. אם הגדרתם בלוקים ב-JSON שלא נמצאים בספרייה שלכם, אפשר לייבא אותם באמצעות 'ייבוא אבני בניין בהתאמה אישית' לחצן.

צריך להשתמש בחלק מהבלוקים ביחד או לכלול ברירות מחדל. הפעולה הזו מתבצעת באמצעות קבוצות וצלליות. כלשהו בלוקים שמחוברים בעורך יתווספו לארגז הכלים כקבוצה. אפשר לשנות גם בלוקים שמחוברים לבלוק אחר לבלוקים של צללים באמצעות בחירה בבלוק הצאצא ולוחצים על 'הפוך הצללה'. לחצן. הערה: אפשר להחליף את הצללית רק בבלוקים צאצאים שלא מכילים משתנה. של משפטים יחידים,

אם כוללים משתנה או בלוק של פונקציה בארגז הכלים שלהם, צריך להוסיף הקטגוריה 'משתנים' או 'פונקציות' בארגז הכלים, כדי לאפשר למשתמשים להשתמש בבלוק. מידע נוסף על Variables (משתנים) או Functions (פונקציות) קטגוריות.

הגדרה של סביבת עבודה (ל-Blockly באינטרנט)

כדי להגדיר חלקים שונים בסביבת העבודה, צריך לעבור אל 'היצרן של Workspace' ובוחרים באפשרות 'Workspace' (סביבת עבודה).

בחירת אפשרויות של Workspace

יש להגדיר ערכים שונים עבור אפשרויות הגדרה וראה את התוצאה באזור התצוגה המקדימה. מפעיל grid או שימוש בשינוי מרחק התצוגה חושף אפשרויות נוספות להגדרה. כמו כן, המעבר לשימוש בקטגוריות בדרך כלל מצריך workspace; פח אשפה וסרגלי גלילה מתווספים באופן אוטומטי כשמוסיפים את של הקטגוריה הראשונה.

הוספת בלוקים שנטענו מראש לסביבת העבודה

הפעולה הזו היא אופציונלית, אבל עשויה להידרש אם רוצים להציג קבוצה של בלוקים סביבת העבודה:

  • כשהאפליקציה נטענת.
  • כאשר אירוע מופעל (התקדמות ברמה, לחיצה על לחצן עזרה וכו').

כדי לראות בלוקים בסביבת העבודה בתצוגה המקדימה, פשוט גוררים אותם לאזור העריכה. אפשר ליצור קבוצות בלוקים, להשבית בלוקים וליצור צל של בלוקים מסוימים בלוקים כאשר בוחרים אותם.

תוכלו לייצא את הבלוקים האלה כ-XML (ראו בהמשך). אפשר להוסיף אותם לסביבת העבודה באמצעות Blockly.Xml.domToWorkspace, מיד אחרי שיוצרים את סביבת העבודה:

var xmlText = '<xml xmlns="https://developers.google.com/blockly/xml">' +
    '<block type="math_number"></block></xml>';
Blockly.Xml.domToWorkspace(Blockly.utils.xml.textToDom(xmlText), workspace);

הקוד לדוגמה הזה מוסיף בלוק math_number יחיד לסביבת העבודה.

מייצא

אלה אפשרויות הייצוא ב-Workspace מפעל:

  • קוד התחלה: יוצר קוד HTML לתחילת פעולה ו-JavaScript כדי להחדיר את הטקסט המותאם אישית חסימה של סביבת עבודה.
  • ארגז כלים: הפקת XML כדי לציין את ארגז הכלים שלכם.
  • בלוקים של Workspace: יצירת קובץ XML שאפשר לטעון אותו לסביבת עבודה.