PracticU

XML

בלי כתוביותעם כתוביות
PracticU › קורס פיתוח אפליקציות - לאנדרואיד - Android - ב-JAVA › XML
מילון מושגים:
XML - שפת סימון לייצוג נתונים מובְנים בעזרת תגיות, המשמשת להחלפת מידע בין מערכות ולקובצי הגדרות.
מאפיין - תכונה שמצמידים לרכיב ומתארת אותו או את התנהגותו, למשל מאפיין של תגית HTML או שדה באובייקט.
לייאאוט - ארגון וסידור הרכיבים החזותיים על המסך או בדף, כמו מיקום כפתורים, טקסט ותמונות.
תגית - סימון בקוד, למשל ב-HTML, שתוחם רכיב ומגדיר את תפקידו או תכונותיו. גם תווית לסימון וקיטלוג פריטים.
כפתור - רכיב בממשק המשתמש שהמשתמש לוחץ עליו כדי להפעיל פעולה, כמו שליחת טופס או מעבר לדף אחר.
IDE - סביבת פיתוח משולבת: תוכנה שמרכזת עורך קוד, מהדר, כלי ניפוי וכלים נוספים במקום אחד.
Namespace - מרחב שמות שמקבץ שמות של טיפוסים ורכיבים ומונע התנגשות בין שמות זהים בחלקים שונים של הקוד.

XML
מפתחים מקצועיים בונים מסך באנדרואיד בעיקר בקובץ ה-XML ולא בדיזיינר הגרפי. השיעור מסביר למה, ומראה כיצד לכתוב את ה-XML מהר ובלי שגיאות הקלדה.
למה לא הדיזיינר
1. קשה למקם במדויק: כשגוררים לחצן, הדיזיינר זורק אותו למקומות שונים וקשה לשלוט.
2. חיפוש איטי: למצוא מאפיין בחלונית Properties לוקח זמן.
3. קשה להחליף Layout: גרירת Layout לדיזיינר מכניסה אותו בתוך ה-RelativeLayout הקיים ולא במקומו.
עבודה ישירה ב-XML
1. החלפת Layout: כותבים LinearLayout במקום RelativeLayout, ותגית הפתיחה והסגירה מתעדכנות יחד. אפשר למחוק את ארבעת ה-padding הנפרדים ולכתוב אחד.
2. השלמה עם Enter: כותבים את תחילת השם, ובחלון ה-IntelliSense לוחצים Enter ולא תו אחר. כך מושלמת כל התגית, כולל layout_width ו-layout_height, ואפשר לבחור ערכים כמו wrap_content.
3. מזהה: כותבים id, Enter, ואז ההשלמה מציעה את תחילת ה-ID, ורק אחר כך מוסיפים את השם.
4. בניית כפתור: מוסיפים textSize של 20sp ו-textStyle מודגש, ואז מעתיקים ומדביקים כמה כפתורים ומשנים רק את ה-ID והטקסט.
5. שגיאה אדומה: כשהכפתורים לא נראים, ה-IDE מציע orientation. מוסיפים אותו על ה-LinearLayout עם ערך vertical.
6. ניקוי: מוחקים את ה-namespace של tools אם אין בו שימוש, כדי להשאיר מינימום שורות.
שימו לב
מי שמעתיק ומדביק צריך לעבור שורה שורה, כי אחרת מקבלים שגיאות copy-paste. כדאי גם להשלים עם Enter ולא לכתוב הכל ידנית, כדי לא להכניס שגיאות הקלדה.
אחרי השיעור אפשר לבנות מסך שלם ישירות בקובץ ה-XML, ובמרבית הקורס עובדים כך.
השיעור הבא בקורס: Relative Layout

פרקי ההרצאה: XML

  1. 00:00

    עבודה עם XML במקום הדיזיינר

  2. 00:44

    קשיי העבודה עם הדיזיינר

  3. 02:17

    מעבר לעבודה ישירה ב-XML

  4. 03:17

    השלמה אוטומטית עם IntelliSense

  5. 03:56

    בניית תגית Button

  6. 04:50

    הגדרת ID וטקסט

תמלול ההרצאה: XML

הטקסט המלא של הדקות הראשונות בהרצאה «XML» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.

  1. 00:03

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

  2. 00:21

    אבל במציאות כאשר מתכנתים מקצועיים עובדים ומעצבים אפליקציה הם פחות מתעסקים עם הדיזיינר ויותר מתעסקים עם ה-XML עצמו. למה?

  3. 00:35

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

  4. 01:03

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

  5. 01:25

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

  6. 01:48

    אבל אנחנו לא יכולים להגדיר אותו במקום ה-Relative Layout שימו לב אני מנסה לגרור פה Layout מקסימום אני זורק אותו בתוכו אני לא רוצה שיהיה לי בכלל Relative Layout אני רוצה שיהיה לי רק לדוגמה Linear Layout אז כאן אני רואה שקצת קשה לי לגשת ולזרוק את הרכיבים בתוכו ולהתחיל לעבוד עם layout אחר.

  7. 02:14

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

  8. 02:29

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

  9. 02:52

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

  10. 03:27

    חובה ללחוץ פשוט על enter לא על שום תגית אחרת ואז סל אנטר משלימה את כל התגית פה אנחנו יכולים לתת בדיוק כמה יחידות שאנחנו רוצים כאן אנחנו יכולים לגשת ולבנות את התגיות עצמן לדוגמה אם אני רוצה באטן אני פשוט מתחיל לכתוב באטן המערכת גילתה לי את הבאטן אני לוחץ על אנטר יש פה השלמה גם של התגית וגם של ה-Layout Width ו-Layout Height

  11. 03:59

    אני רואה שאוטומטית נפתח לי האינטל אפרנט והוא שואל אותי האם אני רוצה מעט שפרנט יאללה בואו נלחץ על enter והוא שואל אותי אתה רוצה עוד match parent בוא נגיד לו לא אני רוצה wrap content אני פשוט לוחץ על w enter וכך בעזרת הלחיצות על enter אחרי שאני מגלה את מה שאני רוצה לכתוב המערכת משלימה לי את זה בצורה הכי נכונה.

  12. 04:24

    אני לא כותב הכל בעצמי מפני שאז יכול להיות לי שגיאות הקלדה. לדוגמה אם אני רוצה ID אז אני פשוט מתחיל לכתוב אני רואה שהמערכת גילתה לי ID אני לוחץ Enter ואז המערכת מציעה לי את ההתחלה של ה-ID שזה שטרודל פלוס ID סלאש אני לוחץ על Enter ורק אחר כך אני ממציא את התוכן הנוסף שאני רוצה בואו ניתן פה איזשהו טקסט

  13. 04:53

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

  14. 05:17

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

לקורס המלא: קורס פיתוח אפליקציות לאנדרואיד

ההרצאה הקודמת: Layout

ההרצאה הבאה: Relative Layout

הרצאות קשורות מקורסים אחרים

  • LINQ ל- XML
  • קובץ הגדרות - POM XML
  • פקודת Get-WinEvent - חלק 3 - XML
  • עבודה עם קבצי XML ישירות מ-SQL

קורסים נוספים במסלול

  • קורס יסודות התכנות - שפת JAVA - קורס ג'אווה למתחילים
  • קורס פיתוח אפליקציות - לאייפון iPhone iOS - ב-Swift-Xcode
  • קורס פלאטר - Flutter - שפת DART של גוגל למובייל - פיתוח אפליקציות לאנדרואיד ואייפון
  • קורס PhoneGap - פיתוח אפליקציות לאנדרואיד ואייפון