搜狗地圖CarPlay版本 is Coming!

at_1發表於2021-09-09

圖片描述

前言

    在2018蘋果開發者大會WWDC中,即將釋出的iOS12 中新增了CarPlayframework,CarPlay開放了它的API,讓第三方 APP 可以輕鬆地接入,即允許第三方導航 APP 使用CarPlay,這樣就可以把第三方的導航資料同步到CarPlay上,使得使用者在開車的時候就可以享受到不一樣的開車體驗。

    先提前透個信兒哦,搜狗地圖已經實現了對CarPlay完美適配,雙手合十靜等蘋果官方稽核透過啦~那麼Carplay是什麼?怎麼實現接入第三方APP的?搜狗地圖適配效果是怎樣的呢?下面小編帶你一睹為快吧~

(原諒十一要來了,小編很激動,迫不及待想要給各位老司機們分享十一出行駕車必備神器-搜狗地圖carplay,so今天就暫不分享測試相關內容啦~)

1.CarPlay是什麼


     官方定義:CarPlay 車載(原名iOS in the Car,即車載iOS系統)是蘋果公司推出的一種新型產業標準,主要為令其iOS裝置能夠與諸多製造商之嵌入式汽車系統共生而設計。

     簡單來說,CarPlay就是車的iOS系統,能夠透過USB與你的iPhone手機連線,CarPlay車載會把許多你想用 iPhone 進行的操作都搬到車內的中控螢幕上,使你在駕駛的同時,還能使用如聽音樂、接打電話、收發簡訊、導航等功能。CarPlay 車載適用於多款車型,它讓你能夠在車內智慧、安全地使用 iPhone。

     下圖所示是CarPlay在車內螢幕上的一個介面展示。

圖片描述

2.CarPlay如何接入第三方導航APP


     Carplay接入第三方導航APP是透過蘋果今年釋出的iOS12中的CarPlayFramework實現的。CarPlay Framework的作用是將第三方導航APP的UI顯示到CarPlay螢幕上。

     那麼怎麼將第三方導航APP的UI顯示到CarPlay螢幕呢?

     很簡單,蘋果提供了很多模版來顯示不同的檢視,開發者需要做的就是把需要展示的資料交給模版,這樣 CarPlay 就會顯示你所定義的資料。這種靈活性可以讓你專注於 CarPlay 的體驗而不需要花費力氣適配所有支援 CarPlay 的車型。你只需花費一點點精力即可讓你的導航 APP 擁有 CarPlay 能力。

     下圖所示是carplay的UI模板,上層和下層為CarPlaySystem層,中間層顯示導航APP頁面。開發同學可以在導航APP 中自定義介面來顯示導航資訊。

圖片描述

3.CarPlay Framework

圖片描述

 由上圖可知,CarPlay 這個框架所做的事就是顯示 UI 到 CarPlay 螢幕上,而這些 UI 都提供了對應的模版,只要按著這些模版建立不同的 UI 即可適配所有的車型。

4.CarPlay 的程式碼實現

        首先需要實現 CPApplicationDelegate,這個代理主要用來監聽與 CarPlay 連線成功和斷開連線;監聽使用者點選 Alert 的事件。

        CPMapTemplate 來承載整個地圖介面,它是一個根模版。CPMapTemplate 的作用可以用來管理 Pin 手勢,顯示導航提示,顯示導航條或地圖按鈕。



圖片描述


CPGridTemplate 是一個網狀的模版,類似於 UICollectionView。最多隻顯示 8 個按鈕,它適合顯示多行多列的選單。

圖片描述

CPListTemplate 和 UITableView 很相似,它由一個或多個分組組成,而每一個分組使用 CPListSection 表示,CPListSection中存放的是 CPListItem,可以設定它的標題,圖片,副標題。它適合用於顯示列表型別的 UI,猶如 UITableView。

圖片描述


CPSearchTemplate 用來搜尋目的地,並顯示搜尋結果。

圖片描述

 CPVoiceControlTemplate 一個語音控制的模版,用於語音搜尋樣式。

圖片描述

當使用者選擇一個目的地開啟導航後,會彈出一個導航預覽,使用者確認後開始導航,直到導航結束。下面這張圖就是整個導航的流程:

圖片描述


導航開始執行後,下面這個代理方法會執行。我們需要CPMapTemplateDelegate 中處理。這個時候需要開啟 CPNavigationSession 它表示一次導航會話,可以透過 CPNavigationSession 對這次的導航進行操作,比如取消本次導航。 


圖片描述


 可以透過 CPMapTemplateDelegate 代理方法來控制顯示當前導航的狀態。

5.CarPlay接入搜狗地圖APP的實現效果

圖片描述

圖片描述

圖片描述

是不是很心動?目前搜狗地圖已經傳送給10000名熱心使用者對Carplay版本進行了內測,使用者反饋非常棒,也提出了很多良心建議,搜狗地圖團隊也全心投入進行了最佳化改進,一起期待新的Carplay上線吧~


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/1817/viewspace-2814578/,如需轉載,請註明出處,否則將追究法律責任。

相關文章