הצגת Progress alert ב-Xcode

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

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

1. 00:02

   שלום וברוכים הבאים אנחנו רוצים להמשיך את הסדרה שלנו על אלרטים ולהציג פרוגרס אלרט כדי לייצג פרוגרס אז אנחנו ממשיכים באותו פרויקט בלחיצה על הכפתור נרצה להציג אלרט אנחנו נלך עכשיו ל-view controller ואנחנו נרצה לייצר פעולה שתיקרא show alert אז function show סליחה פרוגרס נגיד אלרט ובואו

2. 00:28

   נקרא לפעולה הזאת מיד כדי שאחר כך נוכל ללחוץ וזה פשוט יעבוד עכשיו אנחנו עדיין יוצרים מופעים של alert controller אז תנו לי לעשות את זה UI alert controller חדש עם title וכל אותו דבר בדיוק כמו שעשינו בפעמים הקודמות כשכאן הפעם בטקסט אנחנו נכתוב loading ומשהו כמו please wait אנא המתן. עכשיו לגבי הסטייל אנחנו עדיין באלרטים

3. 00:57

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

4. 01:14

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

5. 01:26

   כדי להציג עיגול מסתובב יש view מוכן שנקרא Activity Indicator, בואו ניצור מופע שלו. אז אני אייצר מופע, אני אקרא לזה אינדיקטור ואני אצר מופע של UI Activity Indicator View.

6. 01:41

   עכשיו, אתם בעצם רואים שאני יוצר מופע של View, אז אפשר לייצר אותם עם Frame, ש-Frame זה מרובע ואנחנו נרצה להשתמש באופציה הזאת, אנחנו ננסה להשתמש בה.

7. 01:53

   C-Direct זה פשוט מרובע, אז בואו נגיד שאנחנו רוצים מרובע עם X, Y, רוחב וגובה, נקודת Origin X, Y, כלומר איפה לנעוץ את המרובע הזה.

8. 02:08

   אנחנו נשים אותו ככה מבדיקה קודמת ב-15x שווה 15 פלוס y שווה פלוס 15, אנחנו עוד מעט ננסה להבין איפה זה יוצא. ומבחינת רוחב וגובה, אני רוצה רוחב וגובה סטנדרטיים לחלוטין עבור Activity Indicator View של 50 פיקסלים.

9. 02:27

   עכשיו, יש לי את ה-View, אנחנו נרצה לשחק איתו מעט. ה-View הזה בדרך כלל הוא מוחבא כאשר הוא לא מסתובב.

10. 02:35

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

11. 02:43

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

12. 02:56

    אחר כך נוכל גם לשנות את הצבע, אני אראה לכם. בינתיים אני אקח אותו בצבע אפור כדי שאוכל להתחיל. ובעצם אנחנו רוצים להוסיף את הדבר הזה כסאב-ויו לאלרט, אז אלרט, אד, סאב-ויו, alert.view.addSubview לכל ViewController יש View ולכל View אפשר להוסיף Subviews אז

13. 03:18

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

14. 03:42

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

15. 03:57

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

16. 04:09

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

17. 04:19

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

18. 04:32

    אז אנחנו מייצרים לעצמנו color asset ופה בצד ימין אנחנו נלך לאטריביוטס ואנחנו נשנה את הצבע להיות צבע שאנחנו רוצים. אני אשנה את האינפוט מתוד להיות במקום ערכים floating להיות x הדצימל 8 ביט ובמקרה הכינותי מראש אני אקח ff0126 סתם איזשהו צבע שבחרנו נכון אתם מוזמנים לשחק עם הצבע הזה ולבחור כמובן צבע אחר

19. 05:07

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