הסבר על widget column ועל widget row
פרקי ההרצאה: הסבר על widget column ועל widget row
תמלול ההרצאה: הסבר על widget column ועל widget row
הטקסט המלא של הדקות הראשונות בהרצאה «הסבר על widget column ועל widget row» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.
אוקיי, אז בשיעור הזה אני רוצה לעבור על שני ווידג'טים מאוד עיקריים ושימושיים בפלאטר, הווידג'טים הם column וrow, או בעברית שורה ועמודה. חשוב מאוד להכיר את הווידג'טים האלה ואת המאפיינים שלהם לפני בנייה של כל מסך בפלאטר.
אז ברשותכם אני אכתוב את כל הקוד מחדש גם בשביל החזרה וגם כן אתן טיפים קטנים. אז נתחיל מהפונקציה void name שמפעילה את הפונקציה runup ואם אתם זוכרים מההקדמה אני פשוט אממש אותה שוב כפונקציית חץ.
זווייד מיין אירו פונקצ'ן run-up אוקיי יש לנו פונקציה של שורה אחת ועכשיו אנחנו נחזיר מופעה של הווידג'ט מיי-אפ ונגדיר קלאס מיי-אפ אקסטיינס סטייטלס ווידג'ט ונדרוס את הפונקציה בילד מעולה ועכשיו אני אצור את הווידג'ט בצורה הרבה יותר מהירה שימו לב אם אני אמחק את הקוד ואשום st-less
יש בשבילי קיצור דרך ליצור סטייטלס ווידג'ט אני רק ארשום את השם שלו myapp enter והכל נוצר בשבילי יש לי אפילו מימוש של הפונקציה build שבאופן דיפולטיבי מחזיר קונטיינר אנחנו כמובן נממש את זה אם הקיצור הזה לא עובד בשבילכם תכנסו לאדרויד סטודיו פרפרנסס יכול להיות שבמערכת ווינדוס השם הוא קצת שונה וכאן תחת פלאגינס
תפסו את השם פלאטר ותוודאו שהפלאגין פלאטר סניפט מותקן אצלכם אם הוא מותקן אז הכל צריך להיות בסדר נחזור למימור שלנו תחת סטייטלס ווידג'ט אנחנו לא מחזירים קונטיינר אנחנו מחזיר כמובן מטריאל אפ שההום שלה יהיה ווידג'ט שנקרא לו my home וכאן באותו אופן יש לנו גם קיצור עבור יצירה של סטייטפול ווידג'ט אז נרשום st full במקום st less
ונוצר לנו קיצור נהדר שבו כל מה שצריך לעשות זה רק לרשום את השם של הווידג'ט. אז נרשום MyHome ושימו לב שנוצרו לנו מחלקות MyHome שיורשת מStatefulווידג'ט ו-MyHomeState שיורש מState מסוג MyHome אפילו הפונקציות קירייט סטייט ובילד נדרסו עבורנו.
גם כאן הפונקציה בילד מחזירה קונטיינר ואנחנו כמובן נחזיר כאן סקאפולד שהבאדי שלו יהיה הערך המוחזר מהפונקציה getBody שאותה כמובן נבנה עכשיו.
נגדיר פונקציה שמחזירה ווידג'ט ונקראת getBuddy ונממש אותה עכשיו. ריטרן קונטיינר הווידג'ט קונטיינר הוא מאוד מזכיר דיו למי שמגיע מהעולם ה-HTML, הוא בסך הכל כלי שעוזר לנו לעטוף ווידג'ט מסוים ולהגדיר עבורו פרמטרים כמו פדינג ומרג'ינג ואפילו רקע.
הצ'יילד שלו יהיה נתחיל עם קולום נגדיר עמודה קולום שהילדים שלה יהיו פשוט שלושה אייקונים. נשתמש בווידג'ט אייקון.
באייקון אנחנו מגדירים כרגע שתי פרמטרים, אחד זה האייקון עצמו שמגיע מאייקונס נקודה ונבחר אייקון של מטוס לדוגמה, הרפליין, וסייז, הגודל של האייקון יהיה לדוגמה 50. בואו נריץ את הפרויקט.
אוקיי, אז קיבלנו כאן קונטיינר שמכיל אייקון אחד. אפשר לשים לב שאנחנו בכלל לא מודעים להמצאות של הווידג'ט קונטיינר, וזה נכון כל עוד לא הגדרנו פרמטרים כמו רקע או רוחב או פדינג.
אז בואו נוסיף לו לדוגמה רקע מסוים, פשוט נרשום color, colors.red, נריץ שוב, אפשר גם לראות שהוא נמתח לכל הגובה.
אוקיי, ועכשיו נוסיף עוד שתי בנים ל-children של הקולום, אז נרשום פסיק ונשכפל את האייקון, עוד פסיק ועוד שכפול של האייקון.
את האייקון האמצעי אני רוצה לעשות בגודל של 100, מעולה. אז יש לנו בעצם עמודה. בואו נשחק קצת עימה מאפיינים של העמודה ונראה מה אפשר לעשות איתה.
אז אם נכנס לקולום ונרשום פה לדוגמה Main Xs Alignment Main Xs Alignment קובע את העימוד המרכזי של העמודה. אם נרשום Main Xs Alignment.Center נראה שכל האלמנטים מיושרים לאמצע.
באותו אופן יש לנו גם End ו-Start. אם אנחנו רוצים לרווח את האלמנטים באופן שווה נוכל להשתמש ב-Space Evenly וזה נראה ככה. אוקיי מה עוד יש לנו עבור קולום Cross Xs