PracticU

עבודה עם ActionSheets ב-Xcode

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

עבודה עם ActionSheets ב-Xcode
Action Sheet הוא דיאלוג שנפתח מלמטה למעלה ומציג רשימת פעולות. ב-iOS הוא נבנה באותו UIAlertController, עם סגנון אחר. השיעור מראה גם איך לתקן קריסה שקורית באייפד כשלא מוגדר מקור לתצוגה.
השלבים העיקריים
1. יצירה: UIAlertController עם preferredStyle מסוג actionSheet, עם כותרת והודעה (בדוגמה: "the menu is the message").
2. כפתורי פעולה: כל כפתור הוא UIAlertAction עם כותרת וסגנון. בדוגמה כפתור אחד מוגדר בסגנון destructive, וכפתור אחרון בסגנון cancel.
3. הצגה: present עם animated.
4. הקריסה באייפד: באייפד Action Sheet מוצג כ-Popover, והמערכת דורשת לדעת מאיזה מקום הוא יוצא. בלי זה האפליקציה קורסת, וההודעה ב-StackTrace מציינת את הסיבה.
5. פתרון עם Bar Button Item: מעבירים את כפתור הסרגל כ-sender ומגדירים את popoverPresentationController.barButtonItem בשורה נוספת.
6. פתרון עם כפתור רגיל: מוסיפים UIButton במרכז המסך, מחברים אליו Action, ומגדירים popoverPresentationController עם sourceView (הכפתור) ו-sourceRect שממרכז את המקור.
7. כיוון החץ: permittedArrowDirections קובע לאיזה כיוון יופנה החץ של הפופ-אובר, בדוגמה למעלה.
שימו לב
הגדרות האייפד לא משנות את ההתנהגות באייפון, שבו ה-Action Sheet עולה מלמטה כרגיל.
כך מציגים תפריט פעולות שעובד גם באייפון וגם באייפד.
השיעור הבא בקורס: עבודה עם custom popover ב-Xcode

פרקי ההרצאה: עבודה עם ActionSheets ב-Xcode

  1. 00:00

    מה זה Action Sheet ומתי משתמשים בו

  2. 00:41

    יצירת Action Sheet עם כותרת והודעה

  3. 01:32

    הוספת כפתורים וסגנונותיהם

  4. 02:51

    בדיקה ב-iPad וניתוח הקריסה

  5. 03:48

    התאמה לאייפד: Popover ומקור

  6. 04:58

    העברת Bar Button Item כמקור

  7. 06:09

    הצגה מכפתור במרכז המסך

תמלול ההרצאה: עבודה עם ActionSheets ב-Xcode

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

  1. 00:02

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

  2. 00:33

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

  3. 01:00

    עכשיו בטייטל בוא נרשום איזשהו מה זה שיט לא יודע בוא נסתכל ביחד ובמסג' אז the menu is the message זה איזשהו טקסט שאנחנו רוצים כמובן להציג למשתמש, נכון?

  4. 01:15

    עכשיו אנחנו נרצה להציג את זה כרגיל זה עדיין alert אז present לשיט שלנו animated ו-completion אני לא צריך כרגע עכשיו לשיט אנחנו מוסיפים actions ואסור להוסיף משהו אחר כלומר אתם לא תוסיפו text fields לכאן אז לשיט אנחנו נרצה להוסיף action ו-ui

  5. 01:40

    alert action חדש אז אתם מוזמנים לעשות U-Aלר טאקשן חדש או להשתמש בקיצור של נקודה אינית ופה אנחנו נרשום איזשהו טייטל, בטייטל מה שאתם רוצים נגיד yes או aha. עכשיו בסטייל אני אגיד שזה הסטייל הדפולטי.

  6. 01:59

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

  7. 02:17

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

  8. 02:33

    ובסטייל אנחנו נרצה להגיד שזה סטייל של cancel. בואו נציג את זה ונראה איך זה נראה. אז אנחנו מסתכלים, בואו נראה. יפה, אז זה בעצם Action Sheets.

  9. 02:53

    אני בטוח שעד היום ראיתם אותם הרבה, אבל עכשיו אתם יודעים לייצר אותם בעצמכם. יש איזשהו עניין מאוד מאוד חשוב כשעובדים עם Action Sheets, והוא מה קורה כשהדבר הזה מוצג ב-iPad, אוקיי?

  10. 03:05

    כלומר, בואו תיקחו את הדבר הזה בדיוק את אותה אפליקציה ותריצו את זה נניח ב-iPad כלשהו, אני אריץ בו ב-iPad פרוע קטן, ואני אצטרך להמתין עד שזה יעלה.

  11. 03:16

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

  12. 03:43

    עכשיו בסיבה כתוב שאנחנו מציגים בעצם איזשהו Alert Controller כ-Action Sheet אבל לא אמרנו לו איך להיות מוצג בצורה של Popover אנחנו עדיין לא יודעים מה זה Popover אבל בסדר יש פה עדיין הנחיות טובות הם אומרים לי שאנחנו עוד צריכים לספק Source View ו-Source Rect או Bar Button Item לפופ-אובר פרזנטיישן, קונטרולר שלנו.

  13. 04:05

    מה שזה לא יהיה, אנחנו צריכים או Source View ו-Rect או Bar Button Item. טוב, בואו אני אראה לכם למה הכוונה. תודה דרך אגב לאפל על ההערה המאוד מאוד ברורה הזאת, אנחנו פשוט צריכים להתאים את עצמנו.

  14. 04:20

    אז ההתאמה שלי אומרת דבר כזה, אנחנו נרצה לפנות ל-Action Sheet שלנו ולהגיד לו שאם הוא מוצג בצורה שכזאת, אייפד אז צריך לעשות קצת התאמות ההתאמה שלי בעצם רק דבר אחד אנחנו נרצה לתת לו איזשהו באר בטון אייטם למשל הם אמרו לי או באר בטון אייטם או view ו-react

  15. 04:40

    תכף נתחיל באחד ואז נעשה את השני איזה באר בטון אייטם מה הם רוצים ממני יש לי רק באר בטון אייטם אחד זה הכפתור פה בצד ימין אני רוצה לתת להם אותו ואז תוכלו לראות מה הייתה הכוונה כדי שאני אתן להם אותו אני אגיד שאנחנו מקבלים פה באר בטון אייטם כמו בעצם בפעולה שלמעלה אז אנחנו נגיד שאנחנו מקבלים פה I don't care sender מטייפ של

  16. 05:04

    bar-button-item ui-bar-button-item ואז כשקוראים לפעולה הזאת למעלה אנחנו נרצה להעביר את ה-sender אוקיי אז הנה עכשיו יש לי bar-button-item ביד ואני יכול להעביר אותו כאן יפה אז כשאנחנו מציגים את זה באייפד בעצם אז יש פה התחשבות

  17. 05:23

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

  18. 05:57

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

  19. 06:17

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

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

ההרצאה הקודמת: הצגת Progress alert ב-Xcode

ההרצאה הבאה: עבודה עם custom popover ב-Xcode

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

  • עבודה עם VI - חלק 1
  • איך נראת עבודה אמיתית
  • מבוא לקורס ראיונות עבודה ב-QA - חלק 1
  • ראיון עבודה לתפקיד QA

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

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