PracticU

StackView - Alignemnt

בלי כתוביותעם כתוביות
PracticU › קורס פיתוח אפליקציות - לאייפון iPhone iOS - ב-Swift-Xcode › StackView - Alignemnt
StackView - Alignemnt
כשמכניסים שני פקדים לתוך StackView אופקי, לפעמים צריך ליישר אותם גם בגובה ולא רק לחלק ביניהם את הרוחב. את זה עושה התכונה Alignment, שקובעת את מיקום הפקדים בציר ההפוך לציר הסידור.
השלבים העיקריים
1. הוספה ל-Stack: גוררים כפתור ו-Label, בוחרים את שניהם ולוחצים על הכפתור Embed in Stack View.
2. אילוצים: ל-StackView מוסיפים אילוצים של 16 נקודות מכל כיוון. ההתפלגות היא Fill Equally, כך שכל פקד תופס חצי מהרוחב.
3. יישור בציר Y: מכיוון שה-Stack אופקי, האליינמנט קובע איפה כל פקד יושב בגובה. כשמגדילים את הטקסט של ה-Label, הוא נשאר ב-Top לפי ההגדרה ולא תופס את כל הגובה.
איך זה עובד
כשלפקד יש מקום מיותר בציר השני, בחירת האליינמנט מכריעה אם הוא יושב למעלה, באמצע או למטה.
כשיש צורך עיצובי ביישור פקדים בתוך Stack, האליינמנט הוא הכלי שמטפל בזה.
השיעור הבא בקורס: גודל טבעי של פקדים ופתרון מצבי תחרות

פרקי ההרצאה: StackView - Alignemnt

  1. 00:00

    הוספת כפתור ולייבל ל-Stack View

  2. 00:37

    אילוצים לשוליים של ה-Stack View

  3. 01:13

    הכרת תכונת ה-Alignment ויישור הפקדים

  4. 01:49

    השפעת יישור Top על גובה הפקדים

תמלול ההרצאה: StackView - Alignemnt

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

  1. 00:02

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

  2. 00:31

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

  3. 00:43

    עכשיו אנחנו יודעים שפקדים חייבים אילוצים וזה מה שהערה האדומה פה אומרת לי אז הסטאק ויו שלי למעשה צריך אילוצים אנחנו פשוט נאלץ אותו כרגיל אני אאלץ אותו לכל הכיוונים בצורה הבאה אני אקח 16 שוליים מכל הכיוונים אוקיי אז הסטאק ויו שלי נצמד לשני הצדדים וכמובן בציר y הוא צמוד לחלק העליון של המסך בוא נלך פה על Distribution של Fit

  4. 01:13

    Equally של Distribution כבר דיברנו, זאת אומרת הבטון תופס חצי והלייבל תופס חצי בציר X. למה בציר X? כי יש לנו פה Stack V הוריזונטלי, Stack V אופקי. עד כאן זה פשוט דברים שאנחנו מכירים.

  5. 01:29

    התכונה שרצינו לדבר עליה היום נקראת Alignment ו-Alignment זאת אומרת איך הפקדים מסתדרים בניגוד לציר סידור. בגלל שזה Stack אופקי ניגוד לציר הסידור זה איך הם מסתדרים בציר Y ובוא נראה פשוט בעין בסדר?

  6. 01:43

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

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

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

ההרצאה הבאה: גודל טבעי של פקדים ופתרון מצבי תחרות

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

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