בחזרה לעמוד הבית

שימוש ברכיב (component) CheckBox של פלאש MX

 

אחד החידושים בגרסה החדשה של הפלאש היא השימוש ב-Components . בגרסה הקודמת רכיבים אלו הוגדרו כ-smart clips , אך בגרסה הנוכחית השימוש בהם ויצירתם נוחה הרבה יותר , ולכל אחד מהאובייקטים (build in ולא user defined) קיים reference ותמיכה על ידי מקרומדיה . תוך כדי הגדרת כל הפונקציות הפנימיות של הרכיבים ושימוש במשתנים הפנימיים שלהם .

 

הרכיב שאותו נתאר בשיעור זה הוא checkbox כדוגמת תיבת סימון ב-html .

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

 

 
  1. ברגע שהאובייקט מסומן ניתן לראות ולשנות את המאפיינים שלו בתוך תיבת ה-Properties ובחירה בכרטיסיית ה-parameters .

 

  1. המשתנים שניתן להגדיר הם :

Label  - התווית של הכפתור (הכותרת)

Initial value  - ערך התחלתי של התיבה , true  - מלאה , false – ריקה

Label Placement – מיקום הכותרת ביחס לתיבה , שמאל / ימין .

Change Handler – הפונקציה שמוגדרת לטיפול בשינוי הערך של התיבה . הפונקציה המוגדרת חייבת להמצא ב-timeline שבו נמצא ה-instance .

 
  1. הפונקציות שניתן לבצע על ה-instance של האובייקט :

CheckBox_name.getEnabled()

מחזיר true/false האם האובייקט נמצא במצב שניתן ללחוץ עליו או שלא .

CheckBox_name.getLabel()

מחזיר את ערך המחרוזת שמוגדרת כ-label של האובייקט .

CheckBox_name.getValue()

מחזיר true/false מה המצב של checkbox  האם הוא מסומן או שלא .

CheckBox_name.setEnabled(enable)

מגדיר true/false האם האובייקט נמצא במצב שניתן ללחוץ עליו או שלא .

CheckBox_name.setLabel(label)

מגדיר את ערך המחרוזת שמוגדרת כ-label של האובייקט .

CheckBox_name.setValue(value)

מגדיר true/false את המצב של checkbox  האם הוא מסומן או שלא .

CheckBox_name.setLabelPlacement (position)

מגדיר left/right את המיקום של ה-label ביחס לתיבה .

CheckBox_name.setChangeHandler(functionName, [location])

מגדיר את המטפל בארועים של האובייקט על ידי שם האובייקט (הוירטואלי – אופציונלי) ושם הפונקציה . אם מגדירים בצורה הזאת  את ה-handler הוא לא חייב להיות באותו ה-timeline של ה-instance .

CheckBox_name.registerSkinElement(element, styleProperty)

הגדרת skin לאלמנטים מה-component , יפורט בשיעור אחר .

CheckBox_name.setStyleProperty(styleProperty, value)

הגדרת style לאלמנטים מה-component , יפורט בשיעור אחר .

CheckBox_name.SetSize(width);

הגדרת רוחב התיבה

 

מצורף קובץ zip הכולל דוגמא לשימוש ברכיב