PracticU

עבודה עם UIAlertController הצגת alert ב-Xcode - חלק 2

בלי כתוביותעם כתוביות
PracticU › קורס פיתוח אפליקציות - לאייפון iPhone iOS - ב-Swift-Xcode › עבודה עם UIAlertController הצגת alert ב-Xcode - חלק 2
מילון מושגים:
Xcode - סביבת הפיתוח של אפל לכתיבת אפליקציות ל-iOS ול-macOS.
בנאי - מתודה מיוחדת שמופעלת אוטומטית בעת יצירת אובייקט ממחלקה, ומאתחלת את ערכיו ההתחלתיים.
מחלקה - תבנית בתכנות מונחה עצמים שמגדירה אילו נתונים ופעולות יהיו לאובייקטים שנוצרים ממנה.
ירושה - מנגנון בתכנות מונחה עצמים שבו מחלקה יורשת תכונות ופעולות ממחלקת אב, ויכולה להרחיב אותן.
סיסמה - מחרוזת תווים סודית שמשמשת לאימות זהות המשתמש בעת כניסה למערכת. ככל שהיא ארוכה ומורכבת יותר, כך קשה יותר לנחש אותה.
כפתור - רכיב בממשק המשתמש שהמשתמש לוחץ עליו כדי להפעיל פעולה, כמו שליחת טופס או מעבר לדף אחר.
פונקציה - קטע קוד בעל שם שמבצע משימה מוגדרת, מקבל ערכי קלט (פרמטרים) ויכול להחזיר תוצאה. מאפשרת לארגן קוד ולהשתמש בו שוב.

עבודה עם UIAlertController הצגת alert ב-Xcode - חלק 2
בשיעור ממשיכים את הדיאלוג שנבנה בשיעור הקודם ומוסיפים לו שדות טקסט וכפתורים. המטרה היא דיאלוג שיודע לקבל קלט מהמשתמש, כמו מסך התחברות קטן.
השלבים העיקריים
1. יצירה: מופע של UIAlertController נוצר בבנאי init(title:message:preferredStyle:), שהוא הבנאי שממליצים להשתמש בו. המחלקה לא מיועדת לירושה, ולכן לא מרחיבים אותה.
2. שדות טקסט: addTextField מוסיף שדה לתוך הדיאלוג. בתוך ה-closure מגדירים placeholder, למשל כתובת אימייל, סוג מקלדת מתאים לאימייל, ו-isSecureTextEntry לשדה סיסמה כדי להסתיר את התווים.
3. כפתורים: כפתור Cancel מוגדר בסגנון destructive, וכפתור Login בסגנון ברירת המחדל. לכל כפתור יש closure שמגיב ללחיצה.
4. הצגה: הדיאלוג מוצג בעזרת present עם animated true.
5. Objective-C: פונקציה שמופעלת מכפתור מסומנת @objc, כדי שתהיה זמינה לזמן הריצה של Objective-C.
6. קיפול קוד: בהעדפות של Xcode אפשר להפעיל את Code Folding Ribbon, שמאפשר לקפל פונקציות בקלות.
שימו לב
בשלב הזה הלוגין עדיין לא בודק את הקלט. בדיקת הקלט והוספת אייקון לשדה יופיעו בשיעור הבא.
כך מציגים דיאלוג שמקבל קלט מהמשתמש, עם כפתורי ביטול ואישור.
השיעור הבא בקורס: עבודה עם UIAlertController הצגת alert ב-Xcode - חלק 3

פרקי ההרצאה: עבודה עם UIAlertController הצגת alert ב-Xcode - חלק 2

  1. 00:00

    חזרה לדיאלוג ההתראה הבסיסי

  2. 01:15

    דיאלוג התראה עם שדה טקסט

  3. 01:55

    יצירת UIAlertController והבנאי הנכון

  4. 03:10

    הוספת שדה טקסט לדיאלוג

  5. 04:41

    placeholder וסוג מקלדת לשדה האימייל

  6. 05:42

    שדה סיסמה בדיאלוג ההתחברות

תמלול ההרצאה: עבודה עם UIAlertController הצגת alert ב-Xcode - חלק 2

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

  1. 00:02

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

  2. 00:19

    את הכפתור הזה שמציג את ה-Alert ובקוד שלנו אנחנו נרצה לגזור את הקוד הקודם אבל כי זה היה הקוד של השיעור הקודם אז אני פשוט אסמן את הקוד ואגזור אותו command x ואנחנו נגדיר פה איזושהי פונקציה כדי לשמור את זה בכל אופן נגיד show simple alert ואני אשים את זה כאן ואני אדביק את הקוד פנימה

  3. 00:43

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

  4. 01:02

    ל-Xcode Preferences העדפות, וכאן לסמן את ה-Code Folding Ribbon הזה שמופיע כאן. מה שהוא עושה, הוא מאפשר לכם עכשיו לקפל את הפונקציות בצורה קצת יותר נוחה, כמו בסגנון הזה.

  5. 01:15

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

  6. 01:23

    מה שאנחנו עכשיו נעשה, אנחנו נרצה ללמוד להציג דיאלוגים שיש בהם גם טקסט, אז בואו נגדיר פונקציה showAlertWeb. input ובפונקציה הזאת אנחנו נרצה לעבוד. כדי שלא נשכח אבל בואו מיד נקרא לה באקשן של הכפתור אז show alert with input ועכשיו אנחנו יכולים להתחיל להגדיר את ה-alert

  7. 01:48

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

  8. 02:14

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

  9. 02:28

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

  10. 02:50

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

  11. 03:15

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

  12. 03:41

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

  13. 04:05

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

  14. 04:21

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

  15. 04:37

    עכשיו, מה זה הקטע הזה של הקלוז'ר עם הקונפיגורציה? מה אני אמור לעשות כאן? אז מה שאני אמור לעשות כאן, וזה מה שאתם אמורים לעשות בכל טקסט פילד, זה למשל לשים placeholder על ה-E-Mail טקסט פילד בצורה הבאה:

  16. 04:49

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

  17. 05:19

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

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

ההרצאה הקודמת: עבודה עם UIAlertController הצגת alert ב-Xcode - חלק 1

ההרצאה הבאה: עבודה עם UIAlertController הצגת alert ב-Xcode - חלק 3

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

  • Switch to JS Alert
  • Alert Dialog
  • עבודה עם VI - חלק 1
  • Billing Budget Alert

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

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