הצגת מפה והצגת מיקום המשתמש
selectedSegmentIndex ב-switch ומציבה את mapType של ה-MapView.static let shared, שיורשת מ-NSObject, שומרת CLLocationManager פרטי ומשמשת לו כ-delegate. ב-didChangeAuthorization בודקים את הסטטוס: always או when in use פירושו שיש רשות, not determined פירושו שמבקשים אותה, denied פירושו שמדפיסים הודעה (אפשר גם לשלוח את המשתמש להגדרות).isAuthorized מחזיר את תוצאת התנאי ישירות, ו-location מחזיר את המיקום האחרון הידוע, אופציונלי.showsUserLocation = true.Notification.Name עם שם חדש, ובעת קבלת הרשות שולחים אותו עם post. ב-MapsViewController נרשמים עם addObserver על ה-main queue, עם weak self, ומציבים שם showsUserLocation. כך המיקום מופיע מיד אחרי שהמשתמש מאשר.static func load שקוראת את הקובץ מה-Bundle ומפענחת אותו עם JSONDecoder למערך. בכל כשל מחזירים מערך ריק.coordinate ו-location. enum של סוגי מקומות (מרכז שדה, גן לאומי, חאן, חניון לילה, אחר) עם CaseIterable וצבע לכל סוג, וסוג המקום נקבע לפי המילה שמופיעה בשם.map על המערך ומוסיפים בבת אחת עם addAnnotations.viewFor annotation של delegate המפה. מחזירים nil לכל annotation שאינה LandmarkAnnotation, כדי לא לשנות למשל את נקודת המשתמש. ל-MKMarkerAnnotationView קובעים markerTintColor לפי סוג המקום, ו-glyphTintColor. יש גם MKPinAnnotationView עם pinTintColor.canShowCallout ו-rightCalloutAccessoryView עם כפתור מידע. ב-calloutAccessoryControlTapped כרגע רק מדפיסים, ומציגים את מיקום המשתמש ואת מיקום הנקודה.פרקי ההרצאה: הצגת מפה והצגת מיקום המשתמש
תמלול ההרצאה: הצגת מפה והצגת מיקום המשתמש
הטקסט המלא של הדקות הראשונות בהרצאה «הצגת מפה והצגת מיקום המשתמש» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.
טוב, אז כאמור אנחנו רוצים להתחיל בלהציג מפה, בבחירת סוג מפה אז בואו נפתח פשוט פרויקט ב-Xcode ונתחיל לעבוד אנחנו נפתח את Xcode ואנחנו ניצור פרויקט חדש Create New Project אנחנו רוצים לבחור ב-TabDap בגלל שהאפליקציה שלנו תשתמש בטאבים כמו שאפשר לראות בפרויקט אז Tabmed Application
ובואו נקרא לזה Locations Project כי זה מה שאנחנו מוכנים לעשות בפרויקט טוב, כדי להתחיל את הפרויקט הרגל ימין בואו ניכנס רגע ל-Storyboard ואנחנו רוצים בסטורי וורד עצמו למחוק מפה מה שלא רלוונטי אני לא אוהב שיש לי view controllerים מוכנים אנחנו נעדיף ליצור אותם
לבד אז מחקתי את ה-view controller השני לכל הפחות וגם את שני הקבצים האלה first view controller ו-second view controller אנחנו נרצה למחוק אותם כדי לייצר קבצים בעצמנו עם שמות נכונים והגיוניים אז move to trash, יפה אז יש לנו פה בעצם tab dark controller עם איזשהו view controller בסיסי
אנחנו נמחק מפה את כל הפקדים אני מסמן את הפקדים ועושה delete ובנוסף לזה יש לנו עוד קצת דברים לא רצויים אז ב-assets קיבלנו פה שתי תמונות ל-first ול-second אנחנו לא נשתמש בתמונות של עיגול וריבוע אז בואו נעשה גם לזה delete פשוט נמחק אותם עם backspace אוקיי אז יש לנו פרויקט חדש עם תא בר ויש לנו כרגע תא בחד בואו ננסה להציג פה את המפה
כדי להציג בכלל מפה וכאלה אנחנו רוצים view controller אז בתוך הפרויקט ב-locations project אנחנו נעשה קליק ימני ניצר גרופ חדש עבור כל הקונטרולרים שיהיו לנו פה נקרא לזה קונטרולרס ובתוך הגרופ של הקונטרולרס אנחנו נרצה לעשות קובץ חדש שיורש מ-cocotouch-class שיורש מ-uaview-controller אז אנחנו נקרא לזה maps-view-controller ונעשה
אישור וניצור את הקלאס בתוך התקייה הרצויה יפה אז בסטורי בורד עכשיו אנחנו נרצה לשייך את הקובץ הזה אנחנו נתפוס את ה-view-controller הזה שכתוב עליו first ואנחנו נעמוד פה ונשנה את זה מ-first-view-controller ל-maps view controller שזה אתה יצר.
בנוסף אנחנו נרצה לשנות פה את התמונה פונט של הבר בטון אייטם, אז אני אעמוד פה על הבר בטון אייטם איפה שכתוב first ואנחנו נשנה את זה קצת, אנחנו נבחר פה במקום התמונה הזאת של first שכבר לא קיימת בפרויקט, בואו נחפש map pin and אליפס, אז זה פשוט האייקון שאנחנו רוצים עבור החלק הזה.
ועוד דבר לפני שנלך להציג את המפה עצמה, אנחנו נרצה לעמוד על הפרויקט שלנו, ותחת סיינינג אנד קפביליטיס בואו נעמוד כאן אנחנו רוצים להוסיף קפביליטי חדש לרחוץ פוינט פלוס והקפביליטי שלנו זה מפ אז אנחנו נלחץ דאבל קליק על המפות ואם אנחנו גם רוצים לנווט את המשתמשים שלנו באיזושהי צורה אז אנחנו יכולים לציין את זה כאן אבל אנחנו לא באמת רוצים להיות אפליקציית ניווט
אז אפשר לא לסמן אף אחד מהדברים האלה אלא פשוט דאגנו בעצם לשלב את מפקיד בפרויקט שלנו את המפות בפרויקט יפה אז יש לנו view controller שייכנו אותו לקלאס ועכשיו אנחנו רוצים פשוט להוציא פה את המפה אז בואו נעשה פלוס ואנחנו נוסיף פה map view.
אני מחפש פשוט map view בחיפוש של הפקדים ואנחנו גוררים לפה את המפה שלנו. אנחנו נרצה שהמפה תתפוס את כל השטח אז מבחינת אילוצים אנחנו נוסיף new constraints, נוריד את ה-constraints to margins, נדאג שכל האילוצים יהיו ביחס ל-view.
אוקיי, אני תופס את כל החיצים פה ודואג שאילוצים יהיו ביחס ל-view ולא ביחס ל-save area ועכשיו עכשיו אנחנו נעשה פה אפס אפס על כל האילוצים ואישור.
אז המפה שלי תופסת את כל השטח, יש באג בגרסה הנוכחית של אקסקוד שהוא מוסיף לי פה את האילוצים עם איזשהו קונסטנט, אז אני רוצה ללחוץ פה דאבל קליק על האילוץ ואפס כדי להצמיד את זה לימין.
אתם רואים אני עומד פה על האילוץ, עושה דאבל קליק ועושה אפס ואנטר. למרות שציינתי אפס קודם כשיצרתי את האילוצים, אבל באג באקסקוד הוא לא קולט את האפס הזה, אז אני מוסיף אותו עדנית יפה אז יש לנו פה בעצם את המפה וחוץ מהמפה אנחנו רוצים לעטוף את כל ה-view קונטרולר הזה ב-navigation קונטרולר כדי להציג
תפריט למעלה סרגל אז כדי לעטוף את זה ב-navigation קונטרולר בואו נלחץ פה על editor embedding navigation controller ועכשיו אנחנו בעצם ב-view עם navigation וזה המפס וקונטרולר שלנו ולכאן בשביל לבחור את הסוג מפה בהמשך אנחנו נרצה להוסיף ui segmented control ואותו אנחנו נרצה לשים ממש בתוך הסרגל בסדר אז היינו חייבים
פשוט לעשות navigation controller אני אעשה רגע zoom in על הדבר הזה אתם רואים את המילה first קשה לתפוס אותה אתם רואים אני עומד פה ואני בעצם מקבל פה בצד ימין את הטייטל אז אנחנו נלך לצד שמאל ל ui segmented control עצמו במספר הסגמנטים איפה שכתוב פה 2 אנחנו נשנה ל3 ובסגמנט הראשון אנחנו נבחר את המפה הנורמלית אז נקרא לזה סטנדרט הסגמנט השני אנחנו משנים פה איפה שכתוב סגמנט 0 סטנדרט אנחנו משנים
לסגמנט 1 ובמקום המילה סקונד אנחנו נרצה להגיד שזה מפה של סאטלייט אז נכתוב סאטלייט ועכשיו נשנה את הסגמנט הבא אז אני עומד על הסגמנט פה ונשנה את זה לסגמנט 2 ובסגמנט האחרון אנחנו רוצים מפה היברידית שבעצם כוללת גם את המפה הרגילה של הסאטלייט ובנוסף היא מוסיפה עליה ציורי כבישים אז לזה קוראים מפה היברידית
יש לנו מפה רגילה מפה של לוויין ומפה משולבת יפה עוד דברים שאנחנו נרצה לעשות אנחנו בעצם רוצים להוציא אאוטלטים לנביגיישן סליחה למפה ולסגמנטד קונטרול אז בואו נוציא אאוטלטים על ידי זה שנפתח פה את האסיסטנט אדיטור בצד ימין כאן ואנחנו נלחץ אסיסטנט ונוציא קישור מה UI סגמנטד קונטרול עצמו כאן אנחנו נוציא אקשן
נקרא לזה Change Map Type ובטייפ אנחנו רוצים שזה יהיה UISegmented Control ו-Connect אז כאן בעצם זו פונקציה שקוראת מתי שמשנים סגמנט נכון?
המפה עצמה אנחנו נוציא Outlet Control Drag ונקרא לזה MapView מעולה עוד רגע הקומפיילר יגיד לי שלא הוספתי אימפורט למה זה MKMapView הוא שואל ובצדק כדי שהוא יזהה את MapView אנחנו רוצים לעשות אימפורט ל-MapKit אז אנחנו נעלה למעלה ונוסיף אימפורט פשוט ל-MapKit וזה יעלים לי את השגיאה, יפה.
עכשיו בואו נריץ רגע את הפרויקט, נראה שבעצם כבר הצגנו מפה, זה מה שדרוש כדי להציג מפה, רק להוסיף map view, אז אנחנו עכשיו מציגים מפה.
מה לגבי הדבר הזה שאנחנו לוחצים פה ולא קורה שום דבר, לגבי us segmented control? הוצאנו בעצם action, change map type, וכל מה שאנחנו צריכים לעשות כדי לגרום לזה לקרוב זה לבדוק מה הסגמנט הנבחר, אז בואו נעשה סוויץ' על הסנדר נקודה סלקטד אינדקס, ויש לנו את הקייס של 0
כאן אנחנו רוצים להציג מפה רגילה אז mapview.maptime שווה יש פה אינה שבוחרת את הסוגים של המפות ואנחנו רוצים את המפה הסטנדרטית במקרה הזה אנחנו נוסיף עוד קייס אז קייס 1 זה הסגמנט של הסאטללייט למעשה אז mapview.maptime יהיה צריך להיות שווה לסאטללייט אם ככה ואנחנו נוסיף קייס 2 שזה הסגמנט האחרון כלומר
המפטייפ צריך להיות הייבריד ובדיפולט אנחנו לא רוצים לעשות שום דבר אז אני אכתוב פה break אז בעצם מאוד מאוד פשוט נכון יש לנו את המדווי עצמו שהוצאנו אליו אאוטלט ואנחנו משנים את המד טייפ בהתאם לסגמנט שבו אנחנו נמצאים ואפשר עכשיו להריץ את זה ולראות את שלושת סוגי המפות בוא נבדוק את זה. אז אני לוחץ פה על
סטנדרט לא קורה כלום כי אני על מפה סטנדרטית אבל אם אני לוחץ על סטאטלייט אנחנו רואים מפת לוויין ואם אנחנו לוחצים על אייבריד אנחנו רואים בעצם מפה משולבת יפה מאוד עכשיו על המפה הזאת אנחנו נרצה להציג הרי את המיקום של המשתמש רוב הסיכויים וכדי להציג את המיקום של המשתמש אנחנו צריכים Permission ואנחנו צריכים לעבוד עם אובייקט
אחר שנקרא CL Location Manager. אז קודם כל בואו נתחיל לעבוד על ה-Permission קודם כל, על ה-Autorization. כדי לעבוד על ה-Autorization אנחנו נלך לקובץ הזה שנקרא InfoP-List ואנחנו נרצה ללחוץ פה פלוס איפה שהפלוס כאן למעלה פה ונעשה פלוס ואנחנו רוצים להוסיף Privacy אז בואו נחפש את Privacy ומתוך
פריבסי אנחנו רוצים את הלוקיישן ולא סתם את הלוקיישן אלא את הלוקיישן when it used usage description אז זה בעצם מה שבחרתי כאן ופה אנחנו נותנים איזשהו סטרינג שיוצג למשתמש למה האפליקציה רוצה את המיקום של המשתמש אז אנחנו רוצים את זה כדי להציג show your location on the map ואנחנו רוצים שהמשתמש יסכים לדבר הזה אז זה בעצם הבקשה שלנו זה ככה
זה מה שיוצג ליוזר אבל איפה זה יוצג איך זה יוצג, איך מבקשים את הרשות הזאת, את זה אנחנו נעשה פה בפרויקט ואנחנו נייצר בשביל זה עוד גרופ חדש בפרויקט של מודלס.
אז אני עומד כאן ואנחנו עושים New Group, נקרא לזה Models, והמודל שלנו בעצם ינגיש לנו את כל השירותים של Core Location, כלומר מציאת מיקום המשתמש, בקשת רשות וכן הלאה.
כאן אנחנו נעשה New File, אנחנו רוצים Swift File רגיל פעם ואנחנו נקרא לזה Location Manager. אנחנו נרצה לעשות אינפורט לcore-location כי אנחנו נשתמש פה בcore-location ואנחנו נרצה לייצר קלאס כי אנחנו רוצים שהוא יהיה סינגלטון ואנחנו נקרא לזה לוקיישן מנאג'ר כמו השם של
הקובץ עכשיו בסופר קלאס בינתיים לא נבחר כלום אבל עוד מעט נראה שאנחנו צריכים פה לרשת ממשהו אז אנחנו נראה ממה וברגע שיש לנו את הקלאס הזה של הלוקיישן מנאג'ר בואו מיד נהפוך את זה להיות סינגלטון כלומר נחביא את הבנאי ובנוסף אנחנו נרצה לייצר מופע אז בואו נעשה static let shared שווה ל-location-manager
חדש, נכון? אנחנו רוצים לייצר מופע של הקלאס שאנחנו נמצאים. אז זה פשוט קלאס רגיל והוא סינגלטון.
איזה תכונות יהיו לנו חוץ מהסינגלטון עצמו? אולי אני אלה רגע את התכונה למעלה מעל הבניים, עדיף שהתכונות יהיו מוצגות לפני, ואתם יודעים בקלאסים יש לנו תכונות ופעולות, אז יש לנו פרופרטיס, אחד הפרופרטיס זה ה-shared-element ודבר שני, אנחנו נרצה לעבוד אמרנו עם לוקיישן מנאג'ר של אפל אז יהיה לנו פה לד או פריבייט לד
שהוא לא יהיה חשוף באף מקום אחר חוץ מבקלס הזה הוא יהיה לוקיישן מנאג'ר של אפל הוא יהיה cl לוקיישן מנאג'ר אז בוא נקרא לו cl lm כדי לקצר קצת והוא יהיה שווה לcore לוקיישן מנאג'ר חדש יש עכשיו ברגע שאנחנו מתחילים לעבוד אנחנו בעצם נרצה להיות הדלגייט של הcore לוקיישן מנאג'ר וככה אנחנו נוכל
לבקש רשות ודברים נוספים ולדעת מה מצב ההסכמה של המשתמש אז הדבר הראשון שאנחנו נעשה זה core-location-manager.delegate שווה ל-self ואם אתם רוצים להיות ה-delegate זה אומר שצריך לממש פה את הפרוטוקול הבא cl-location-manager-delegate אז בוא ננסה רגע לממש את זה ונראה מה זה אומר לנו
extension ל-location-manager שאנחנו נמצאים בו כדי לממש את ה-delegate של אפל של ה-core-location-manager של אפל אנחנו ננסה לעשות את זה ואומר לי שלוקיישן מנאג'ר צריך לממש את הפרוטוקול שנקרא NSObject פרוטוקול עכשיו זה פרוטוקול שמכיל המון מתודות אז אם אני אלחץ פה ואל תלחצו אז אנחנו נראה שהוא מוסיף לי פה מלא מתודות
ואלה בעצם המתודות של NSObject אז אם אנחנו רוצים להימנע מלייצר את כל המתודות המיותרות האלה כל מה שאנחנו צריכים לעשות זה לממש או לרשת סליחה מ-NSObject והוא יממש בשבילנו את הפרוטוקול וככה לא נצטרך לעשות פה עבודה מיותרת עכשיו NSObject יש לו כבר בנאי אז הבנאי הזה הוא אוברייד.
כן, הרבה סיבוכים קצת, נכון? עם הבנאי והכל, בגלל שאנחנו נרושים מ-נס אובג'קט, אבל יש מקרים שצריך לרשת מ-נס אובג'קט, והנה אנחנו פה עושים את זה. ברגע שאתם נרושים מ-נס אובג'קט, אז יש כבר עינית ריק ל-נס אובג'קט, ולכן הבנאי הוא אוברייד.
אבל בנוסף לזה, תמיד צריך לקרוא לבנאי של האבא, בוא נקרא לסופר נקודה עינית לפני שאנחנו מתחילים לעבוד עם תכונות של עצמנו.
יפה. אז עכשיו בעצם הצלחנו לייצר את הקלאס והצלחנו להתחיל את הקלאס ואנחנו הדלגייט. מה אנחנו רוצים בדלגייט?
בדלגייט קודם כל אמרנו שנתחיל עם לבקש רשות, נכון? כל הסיפור הזה של הקלאס כאן זה להציג את המשתמש, את המיקום של המשתמש. אז בשביל להציג את מיקום המשתמש אנחנו קודם כל רוצים לבקש authorization,