PracticU

מרכוז אנכי ואופקי של פקדים

בלי כתוביותעם כתוביות
PracticU › קורס פיתוח אפליקציות - לאייפון iPhone iOS - ב-Swift-Xcode › מרכוז אנכי ואופקי של פקדים
מרכוז אנכי ואופקי של פקדים
השיעור מראה איך ממרכזים פקד במסך, ואיך משלבים מרכוז עם הצמדה לתחתית או לצד בעזרת אילוצים.
הדרך למרכוז
1. למה אילוצי צד לא מספיקים: מרחק של 300 פיקסלים מלמעלה נראה מתאים במכשיר אחד, אבל באמצע מכשיר אחר המרחק כבר לא מתאים.
2. מרכוז אופקי ואנכי: בתפריט Align בוחרים Horizontally in Container ו-Vertically in Container, והפקד נשאר באמצע המסך בכל מכשיר.
3. מרכוז בתחתית: לפקד שצריך להיות במרכז בציר האופקי ובתחתית המסך, מוסיפים מרכוז אופקי ואילוץ מלמטה עם מרחק.
4. מרכוז לצד: פקד שנמצא במרכז בציר אחד ומוצמד לצד בציר השני, מקבל מרכוז בציר הזה ואילוץ לצד המתאים.
5. תרגיל: בעזרת שילוב של מרכוז והצמדה ממקמים פקדים באמצע המסך, בתחתית ובקצה.
שימו לב
אילוצי מרכוז עובדים גם כשמסובבים את המכשיר, כי הם מתייחסים לאמצע המסך ולא למרחק קבוע.
בסיום תדעו למקם פקד במרכז המסך או בקצהו בעזרת שילוב של מרכוז והצמדה.
השיעור הבא בקורס: עיצוב והכרות עם פקדים נפוצים - חלק 1

פרקי ההרצאה: מרכוז אנכי ואופקי של פקדים

  1. 00:00

    סיכום האילוצים: Left, Top, Right ו-Bottom

  2. 00:39

    מדוע מרכוז דורש אילוץ אחר

  3. 01:18

    מיקום קבוע בפיקסלים לא מתאים לכל מכשיר

  4. 02:15

    מרכוז אופקי ואנכי בעזרת Align

  5. 03:13

    שילוב אילוצים: מרכוז בציר X ותחתית המסך

תמלול ההרצאה: מרכוז אנכי ואופקי של פקדים

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

  1. 00:02

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

  2. 00:23

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

  3. 00:46

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

  4. 00:57

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

  5. 01:11

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

  6. 01:49

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

  7. 02:15

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

  8. 02:28

    אם אתם רואים אז יש לנו פה עוד כפתור ליד שנקרא align ו-align אומר אני רוצה להסתדר ליד וב-alignment יש לנו פה שתי אילוצים שנקראים מיקום אופקי, מרכוז אופקי ומרכוז אנכי.

  9. 02:43

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

  10. 02:54

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

  11. 03:04

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

  12. 03:16

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

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

ההרצאה הקודמת: מבוא לעיצוב ב-Auto Layout ואילוצים בסיסיים - Simple Constraints

ההרצאה הבאה: עיצוב והכרות עם פקדים נפוצים - חלק 1

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

  • Controls -פקדים נפוצים - חלק 1

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

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