WWDC 2022 - Get more mileage out of your app with CarPlay

Get more mileage out of your app with CarPlay

개요 - 세션에서 이야기할 것들

• 카플레이에서 어떤 앱을 지원하는지
• 카플레이에서 올해 지원하는 새로운 앱 타입
• 카플레이에서 만든 앱개발에 도움이 되는 새로운 툴 소개

Carplay apps

• 카플레이 근본: driver을 위해 만들어짐.
• 드라이빙을 할 때 관련한 usecase만 고려한다. 그 외적인건 고려 X
• → (보통 원래 앱에서 약관읽고.. 이런것들 미리 하고 카플레이에서는 안봄.)
• 애플 카플레이 developer website에서 자격을 요청해야 한다. 어떤 타입인지.

카플레이에서 새로 추가된 타입 - 우측 2개

카플레이는 원래 템플릿을 제공한다.

템플릿은 앱이 카플레이에서 어떻게 UI를 보여줄지이다.

다음과 같은 특징들이 있다..

(암튼 우리가 이것저것 고려하지 않아도 알아서 UI를 예쁘게 보여준단 뜻.)

템플릿 종류

앱 타입에 따라 사용할 수 있는 템플릿이 정해진다.

iOS 16에서 새로 런칭된 앱 타입

Fueling apps

EV charging? 전기 충전 타입과 비슷하지만, 기름 타입을 위한 앱임.

Driving task apps

사람들이 “운전중에 - driving 할 때” 필요한 뭔가를 제공하는 simple한 타입. 미니멀한 기능 제공에 적합. 복잡한 usecase 불가

• 차 액세서리를 컨트롤하는 것
• 도로 상태, 정보를 주는 것
• 운전 시작/끝날 때 뭔가 도와주는 것

도로 상태 정보를 주는 예시

차 액세서리를 컨트롤하는 예시

CPGridTemplate를 사용한 예시 - mileage Logger

새 툴! Carplay Simulator!!

실제 폰으로 테스트할 수 있는 새로운 방법. 이제 저같은 뚜벅이도 카플레이 기계없이 테스트 가능합니다.

카플레이 테스트 방법?

• Xcode Simulator + screen
• real iphone + 기계 또는 차
• Carplay Simulator(new!)

툴 다운받고 맥에 핸드폰 연결하면 된다~~

생김새

쫌 중요한 버튼 - Configure, Connected

Configure 버튼

네비게이션 앱이면 display size 제대로 되는지 확인해봐야한다.

Instrument Cluster Display - 계기판 display

Instrument Cluster Display 라는 단어가 많이 나오는데, 이거 차량 계기판이였다..

요즘 차에는 핸들 위에 있는 부분에도 screen이 있다. 이걸 말하는 것

이런식으로 나온다.

Maps in instrument Cluster - 계기판에 지도 추가하기.

Instrument Cluster? 요거임

카플레이 대시보드

iOS 13에서부터 네비게이션 앱들이 대시보드에 표시될 수 있도록 하였다. info.plist에 뭔가 추가하고 delegate를 사용해서… 했었다.

만약에 위 작업이 되어있다면? 다음 작업을 따라하면 instrument Cluster에 지도를 추가하는건 쉽다.

Dashboard 하는거랑 아주 비슷함.

1. Info.plist 에 추가

1. CPTemplateApplicationInstrumentClusterSceneDelegate 를 implement한다. CPInstrumentClusterControllerDelegate 뿐만 아니라..

Dashboard과 비슷하지만, 다른 기능?

CPInstrumentClusterControllerDelegate 를 사용한다.

• 줌 인, 줌 아웃
• 나침반, 속도 limit - delegate는 너한테 얘네들을 draw 할 수 있는 상태인지 알려준다.

그리고.. instrument cluster는 다른 요소들에 의해 가려질 수 있다.

해결을 위해서는 viewSafeAreaInsetsDidChange, safeAreaLayoutGuide 를 사용하면 된다.

카플레이 simulator 실습

Tool 다운로드 - 설치링크 https://download.developer.apple.com/Developer_Tools/Additional_Tools_for_Xcode_14_beta/Additional_Tools_for_Xcode_14_beta.dmg

Hardware - CarPlay Simulator 앱 실행 후 카플레이 앱 깔린 핸드폰 연결하면 된다.