שדות תמונה

שדה תמונה שומר מחרוזת בתור הערך שלה ומחרוזת בתור הטקסט שלה. הערך שלו הוא ה-src של התמונה, ואילו הטקסט שלו הוא מחרוזת חלופית שמתארת/מייצגת את התמונה.

שדה תמונה

שדה תמונה בבלוק מכווץ

יצירה

JSON

{
  "type": "example_image",
  "message0": "image: %1",
  "args0": [
    {
      "type": "field_image",
      "src": "https://www.gstatic.com/codesite/ph/images/star_on.gif",
      "width": 15,
      "height": 15,
      "alt": "*"
    }
  ]
}

JavaScript

Blockly.Blocks['example_image'] = {
  init: function() {
    this.appendDummyInput()
      .appendField("image:")
      .appendField(new Blockly.FieldImage(
        "https://www.gstatic.com/codesite/ph/images/star_on.gif",
        15,
        15,
        "*"));
  }
};

בנאי התמונות מקבל:

פרמטר	התיאור
src	מחרוזת שמפנה לקובץ תמונה מסוג רסטר.
width	יש להמיר למספר שאינו אפס.
height	יש להמיר למספר שאינו אפס.
opt_alt	(אופציונלי) מחרוזת שמתארת או מייצגת את התמונה באופן מדויק. אם הערך הוא null או undefined, המערכת תשתמש במחרוזת ריקה.
opt_onClick	(אופציונלי) פונקציה להפעלה כשלוחצים על השדה.
opt_flipRtl	(אופציונלי) ערך בוליאני. אם כתוב true, התמונה הפוכה לאורך הציר האנכי במצב מימין לשמאל. ברירת המחדל היא false. שימושי עבור סמלי 'פנה שמאלה' ו'פנה ימינה'.

עריכה טורית

לא ניתן להציג את שדות התמונה בסדרה.

מטפל קליקים

הערה: מידע כללי על מאמתים זמין במאמר מאמתים.

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

ניתן להגדיר את ה-handler של הקליק ב-JavaScript Constructor או באמצעות הפונקציה setOnClickHandler.

הנה דוגמה ל-handler ב-click שמכווץ את הבלוק כשמתבצעת קריאה.

function() {
    this.getSourceBlock().setCollapsed(true);
}