Grid Layout
GridLayout הוא דרך נוספת להציג מידע טבלאי, והיא פשוטה יותר מ-TableLayout: אין שורות ותאים, רק רשת שהרכיבים נופלים אליה לפי הסדר.GridLayout מגדירים רק כמה עמודות וכמה שורות יש. הרכיבים נזרקים לתוכו, וכשעוברים את מספר העמודות הם יורדים אוטומטית לשורה הבאה. אפשר גם לבקש מרכיב לתפוס עמודה מסוימת או כמה עמודות.EditText, וכפתור OK. יש שתי עמודות ושבע שורות.GridLayout, מגדירים padding של 16dp, columnCount בערך 2 ו-rowCount בערך 7.TextView עם registration form, 25sp, מודגש, layout_gravity בערך center_horizontal ו-layout_columnSpan בערך 2, כך שהוא מתפרס על שתי העמודות ומופיע באמצע.TextView, כותבים please fill up the following details, 20sp בלי הדגשה, גם הוא עם columnSpan של 2.GridLayout קיימת ההגדרה useDefaultMargins. עם true הוא משתמש בשוליים ברירת המחדל של הרכיבים.TextView של first name ו-EditText ברוחב 200dp (אפשר width רגיל, כי אנחנו לא ב-LinearLayout או RelativeLayout), עם layout_gravity ימינה. משכפלים את הזוג ל-last name, email ו-phone. כל רכיב נופל למקומו לפי מספר העמודות.Button עם הטקסט ok, layout_gravity ימינה, ו-layout_column בערך 1, כדי שיהיה בעמודה השנייה במקום בראשונה.GridLayout מאשר עם TableLayout.פרקי ההרצאה: Grid Layout
תמלול ההרצאה: Grid Layout
הטקסט המלא של הדקות הראשונות בהרצאה «Grid Layout» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.
הלייאוט הבא שאנחנו הולכים להכיר נקרא גריד לייאאוט. גריד לייאאוט גם מאפשר לעבוד בצורה טבלאית ובייסיקלי להציג טבלה. אבל עובדים איתו קצת אחרת והוא קצת יותר פשוט מהטייבל לייאאוט.
קודם כל בואו נראה את האפיון לאן בדיוק אנחנו רוצים להגיע. אז יש לנו פה כאילו טופס רג'יסטריישן כזה רג'יסטריישן פורם כתוב כאן פליז פיל אפ דה פולווינג דיטיילס ויש לנו פרסט ניים לאסט ניים אימייל ופון וליד כל אחד יש אדי טקסט שמאפשר להכניס פרטים פה יש לנו לחצן
אוקיי אם אנחנו מסתכלים על זה אנחנו בגדול מצליחים לראות שזה יש פה איזושהי מידע שהיא טבלאי כזה מידע טבלאי אבל בגריד לייאוט אין שורות ובתוך השורות יש תאים אין דבר כזה כמו טייבל לייאוט אלא יש layout אחד שנקרא grid layout ובתוכו אנחנו פשוט זורקים את הרכיבים שאנחנו רוצים ואם הרכיבים עוברים בעצם את מספר העמודות שאנחנו מגדירים עבורו הם אוטומטית עוברים שורה
ומתייצבים בשורה הבאה. זאת אומרת אנחנו צריכים להגדיר ל-grid רק כמה עמודות אנחנו רוצים וכמה שורות אנחנו רוצים והרכיבים עצמם זרוקים בתוכו והם אוטומטית יודעים לתפוס את המקומות הדרושים.
אנחנו כמובן יכולים להזיז רכיב ולהגיד לו תקשיב אל תתפוס את העמודה הראשונה תתפוס את העמודה השנייה או להגיד לרכיב תקשיב תתפוס לנו בבקשה שתי עמודות או יותר.
כמה עמודות יש לנו אנחנו רואים שיש לנו פה מקסימום שתי עמודות. כמה שורות יש לנו 1,2,3,4,5,6,7 שורות. אז בואו ניגש ונראה איך אנחנו יכולים לבנות את זה.
דבר ראשון ניפטר מהרלטיב ונגדיר גריד לייאאוט ניפטר מכל מה שלא צריך כאן נגדיר כאן שוב אדינג 16 נשמור על אחידות בתרגילים והדבר הבא שאנחנו רוצים להגדיר זה כמה עמודות יש לנו זה יהיה column count ואנחנו רוצים שתי עמודות הדבר הבא יהיה row count והrow count שאמרנו זה שבע row count שבע לאחר מכן אנחנו רוצים פשוט להתחיל לזרוק את
הרכיבים השונים בתוכו. בואו נציג רק את הפריוויו ונתחיל. הרכיב הראשון היה טקסט ויו. בתוך הטקסט ויו היה לנו טקסט של רג'יסטריישן פורם, נגדיר לו טקסט סייז של 25 SP, נגדיר לו טקסט סטייל בולד, נגדיר לו איזשהו layout.gravity שיהיה באמצע center orizontal ונגדיר שהוא יתפרס על שתי עמודות column span 2
ואז הוא מופיע לנו בדיוק באמצע כי הוא תופס לנו שתי עמודות אז יש לנו את הטקסט view הראשון בואו נעתיק אותו נדביק אותו כאן לטקסט view השני שהטקסט view השני מדבר על Please fill up the following details זה מה שהיה כתוב בו אנחנו רוצים שהוא יתפוס קצת פחות נגדיר אותו כ-20 SP נגדיר לו גם column span 2 לא צריך שהוא יתפוס לנו את האמצע הוא יכול לתפוס את הצד והוא לא צריך
להיות bold ניפטר מזה עכשיו אנחנו רואים שהם מאוד מאוד צמודים ויש לנו הגדרה מעניינת שנמצאת ברמת ה-grid layout שאומרת use default margins true וזה אומר שהוא פשוט יגדיר לעצמו הגדרות אחרות עבור הרכיבים שבתוכו מבחינת שוליים ישתמש באיזשהו default שיש להם ולא ישנה את ה-default הרגיל שלהם
הוא לא יצמצם אותם בתוך עצמם הדבר הבא שאנחנו רוצים זה להתחיל להגדיר את השורות שבכל שורה יש לנו text view בואו ניתן לטקסט view הראשון טקסט זה היה first name ומיד אחר כך יש לנו edit טקסט וה-edit טקסט הבא אנחנו רוצים להגדיר לו weed שימו לב שאנחנו לא חייבים layout weed כאן אנחנו יכולים להגדיר פשוט weed מפני שאנחנו לא נמצאים
בתוך linear layout או בתוך relative layout וגם weed רגיל עובד במקרה הזה