PracticU

הסבר על StackView Distribution

בלי כתוביותעם כתוביות
PracticU › קורס פיתוח אפליקציות - לאייפון iPhone iOS - ב-Swift-Xcode › הסבר על StackView Distribution
מילון מושגים:
מאפיין - תכונה שמצמידים לרכיב ומתארת אותו או את התנהגותו, למשל מאפיין של תגית HTML או שדה באובייקט.
כפתור - רכיב בממשק המשתמש שהמשתמש לוחץ עליו כדי להפעיל פעולה, כמו שליחת טופס או מעבר לדף אחר.

הסבר על StackView Distribution
בעזרת StackView אפשר לחלק את השטח בין הפקדים באופן שווה, בעזרת מאפיין Distribution עם האפשרות Fill Equally. השיעור בונה מחשבון פשוט עם ארבעה כפתורים.
איך זה עובד
1. כפתור אחד: מעצבים כפתור עם הטקסט 1 וצבע רקע אפור, ואז מעתיקים אותו ארבע פעמים.
2. Embed in Stack: כשכל הכפתורים מסומנים, לוחצים על Embed in Stack, ונוצר StackView שמכיל אותם.
3. ריווח ומיקום: מוסיפים ריווח של 8 פיקסלים בין הכפתורים, ומותחים את הסטאק לשמאל ולימין עם שוליים של 16 פיקסלים.
4. Fill Equally: במאפיין Distribution בוחרים Fill Equally, והכפתורים מתחלקים בשטח באופן שווה, כך שכל אחד תופס רבע מהרוחב.
5. תרגול: המרצה ביקש להשלים את שאר הכפתורים של המחשבון, כולל הספרות והפעולות.
בסיום תדעו להשתמש במאפיין Distribution כדי לחלק פקדים בשטח שווה.
השיעור הבא בקורס: עריכת אילוצים ויחס גובה רוחב

פרקי ההרצאה: הסבר על StackView Distribution

  1. 00:00

    עיצוב כפתור ראשון לדוגמת המחשבון

  2. 01:21

    הטמעת הכפתורים ב-Stack View והגדרת ריווח

  3. 02:01

    חלוקה שווה של הפקדים עם Fill Equally

תמלול ההרצאה: הסבר על StackView Distribution

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

  1. 00:02

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

  2. 00:27

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

  3. 01:02

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

  4. 01:21

    איך אני יכול להשיג את זה? התשובה תהיה בעזרת StackViews בעזרת מה שעוד לא למדנו שנקרא Distribution ב-StackViews אז כדי לעשות את זה אני מסמן את ארבעת הפקדים וזוכרים איך אנחנו מכניסים אותם ל-StackView?

  5. 01:36

    אנחנו לוחצים פה על Embed in Stack, נכון? עכשיו נוצר עבורי Stack of Key, אנחנו נרצה איזשהו ריווח בין הכפתורים בסטאק נניח 8 פיקסלים ואני רוצה למתוח את הסטאק לשמאל ולימין בוא נראה נמתח אותו כמו שאנחנו תמיד עושים אני אקח נגיד מרווח של 16 משמאל 16 מימין ובוא נאמר 16 מלבן אוקיי עכשיו בוא נסתכל רגע על התכונות שעוד לא הכרנו לגבי הסטאק יש פה את ה-distribution ורמזתי קודם של Distribution של Fill Equally זה מה שאני

  6. 02:18

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

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

ההרצאה הקודמת: מבוא ל-StackViews

ההרצאה הבאה: עריכת אילוצים ויחס גובה רוחב

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

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