1 of 30

עיצוב "משלי"

("לפי רצון הלקוח")

custom design

2 of 30

קיימים כלים בהם נוח מאוד להשתמש,

אבל עיצוב שלהם די "עני":

    • Toast
    • AlertDialog
    • ListView

custom design

3 of 30

במערכת android קיימות מספר אפשרויות

בעזרתן ניתן בכל מקרה

להשתמש בעיצוב ממש "עשיר"

על מנת לעשות כלים האלה

הרבה יותר מעוצבים

custom design

4 of 30

אחת מהשיטות היא

בניית קובץ xml

מעוצב לפי צורך/רצון לקוח/מעצב.

בקובץ הזה ניתן להשתמש

לא רק באקטיביטי מסוימת,

אלא בכל אקטיביטי הקיימת באפליקציה.

custom design

5 of 30

כאשר יוצרים אקטיביטי,

קובץ xml וקובץ java

נוצרים כבר קשורים אחד לשני.

custom design

6 of 30

בגלל הקשר הזה

בפעולה findViewById

אותה רושמים בקובץ java

אין צורך לציין

באיזה קובץ xml מדובר

custom design

7 of 30

בגלל הקשר הזה

בפעולה findViewById

אותה רושמים בקובץ java

אין צורך לציין

באיזה קובץ xml מדובר

custom design

8 of 30

כאשר רוצים להשתמש בעיצוב "משלי"

(custom design)

קודם כל צריך לצור קובץ xml

ולעצב אותו "איך שאני רוצה לראות".

נעשה לדוגמה Toast מעוצב

custom design

9 of 30

קודם כל בתיקייה layout

יוצריך קובץ

custom design

10 of 30

קודם כל בתיקייה layout

יוצריך קובץ

custom design

11 of 30

אחרי יצירת הקובץ

בונים עיצוב הרצוי

ונותנים id לכל חלק

שתוכן שלו אמור להשתנות

custom design

12 of 30

custom design

אחרי יצירת הקובץ

בונים עיצוב הרצוי

ונותנים id לכל חלק

שתוכן שלו אמור להשתנות

13 of 30

עכשיו נעבור ל-java

קודם כל צריך להגדיר

משתנים מתאימים.

custom design

14 of 30

עכשיו נעבור ל-java

קודם כל צריך להגדיר

משתנים מתאימים.

custom design

לחצן שלחיצה עליו

צריכה לגרום להופעת

Toast

משתנה למספר אקראי

משתנה ("טיפוס אב")

לתצוגת Toast

משתנה השייך ל-Toast

לתצוגת מספר אקראי

15 of 30

custom design

עכשיו נעבור ל-java

קודם כל צריך להגדיר

משתנים מתאימים.

יוצרים ("מנפחים")

משתנה מסוג View

על מנת להציג קובץ xml אותו בנינו עבור Toast

יוצרים קשר (findViewById)

עם רכיב מסוג TextView

הנמצא בקובץ xml

של Toast

16 of 30

custom design

חשוב ביותר:

כל רכיב השייך לקובץ xml

של "עיצוב משלי"

מקשרים למשתנה לא ישר,

אלא דרך משתנה מ"טיפוס אב" (View)

17 of 30

custom design

בסוף יוצרים Toast

ומציגים

18 of 30

custom design

באופן דומה יוצרים

"עיצוב משלי"

עבור, למשל, AlertDialog

19 of 30

custom design

יוצרים קובץ xml

20 of 30

custom design

יוצרים משתנים

21 of 30

יוצרים רכיב מסוג "טיפוס אב"

ודרכו יוצרים קשר

בין רכיבים ומשתנים

custom design

22 of 30

כאשר יוצרים AlertDialog,

משתמשים בפקודות "רגילות",

אבל מוסיפים "טיפוס אב",

שהוא מכיל את כל הרכיבים מקובץ xml

custom design

23 of 30

custom design

24 of 30

חיבור "מאזין" ללחצן (Button)

וקליטת נתונים מרכיבים (EditText)

מתבצעת כרגיל

custom design

25 of 30

בגלל שכאן אין שימוש

בלחצני תקן של AlertDialog

(PositiveButton, NegativeButton, NeutralButton)

אשר תמיד גורמים לסגירת AlertDialog

אחרי הלחיצה,

בונים AlertDialog

בדרך קצת שונה (גם – תקן!)

custom design

26 of 30

בנוסף ל-AlertDialog.Builder

יוצרים AlertDialog

custom design

27 of 30

זה מאפשר לבצע סגירת AlertDialog

בעזרת פקודה "גלויה"

custom design

28 of 30

כדי לראות נתונים שנקלטו

אפשר להציג אותם אחרי סגירת AlertDialog

custom design

29 of 30

כדי לראות נתונים שנקלטו

אפשר להציג אותם אחרי סגירת AlertDialog

custom design

שימו לב: רכיב מסוג TextView

יוצרים דרך פקודות Java

30 of 30

custom design

שימו לב: רכיב מסוג TextView

יוצרים דרך פקודות Java

אבל זה כבר מצגת נוספת)))