Boostez les performances de votre app pour CarPlay

Bonjour ! Je suis Olivia. Je suis ingénieure dans l’équipe Car Experience, et je suis ravie de vous parler de CarPlay dans iOS 26. CarPlay est la manière la plus intelligente et la plus sûre d’utiliser l’iPhone en voiture, avec plein de nouveautés pour booster vos apps. Rester connecté en conduisant n’a jamais été aussi simple grâce aux Tapbacks dans Messages, aux conversations épinglées et à l’interface d’appel compacte, tout gardant un œil sur votre itinéraire. Et vous pouvez voir encore plus d’infos utiles grâce aux widgets visibles en un coup d’œil et aux mises à jour en temps réel des Activités en temps réel. Les écrans des véhicules ont des formats très variés. Dans iOS 26, certains écrans permettent d’ajuster l’échelle d’affichage grâce au zoom intelligent, configurable dans les réglages de CarPlay. Avec le zoom intelligent activé, votre app CarPlay s’ajuste automatiquement à l’échelle d’affichage choisie.

Et dans iOS 26, vos apps CarPlay adoptent automatiquement un nouveau look, sans aucun effort de votre part. CarPlay Ultra réunit le meilleur de l’iPhone et de la voiture dans une expérience unifiée, cohérente et personnalisée sur tous les écrans du conducteur. Tout ce que vous venez de voir, y compris vos apps CarPlay préférées, est aussi disponible dans CarPlay Ultra. Avec iOS 26, votre app s’intègre plus que jamais au quotidien des conducteurs. Si votre app propose des widgets ou des Activités en temps réel, vous pouvez les rendre accessibles dans CarPlay, même si vous n’avez pas d’app CarPlay. Et pour les apps CarPlay, de nouvelles API dans le framework CarPlay permettent aux conducteurs d’effectuer facilement des actions courantes en voiture. Commençons par les widgets dans CarPlay.

Les conducteurs peuvent naviguer à gauche du tableau de bord CarPlay pour voir les widgets pris en charge par votre app, même sans app CarPlay dédiée. Les widgets peuvent lancer des apps dans CarPlay et sont interactifs sur les véhicules à écran tactile. Les conducteurs peuvent choisir quels widgets afficher dans CarPlay en allant dans Réglages > Général > CarPlay sur leur iPhone, puis en sélectionnant leur véhicule. Bonne nouvelle : intégrer votre widget à CarPlay est d’une simplicité incroyable. Il vous suffit de prendre en charge la famille de widgets systemSmall.

Les widgets peuvent s’afficher dans divers contextes sur de nombreuses plates-formes. Un widget systemSmall peut apparaître sur l’écran d’accueil de l’iPhone, l’écran verrouillé, en mode StandBy, et maintenant dans CarPlay. Mais, certains widgets peuvent ne pas être adaptés à certains contextes. Par exemple, un widget avec trop de texte ou des infos peu utiles pour la conduite ne conviendra pas forcément à CarPlay. Dans ce cas, vous pouvez utiliser le modificateur disfavoredLocations. En ajoutant CarPlay à disfavoredLocations, votre widget apparaîtra dans les réglages CarPlay avec une mention indiquant qu’il n’est pas optimisé pour CarPlay. Si un conducteur choisit malgré tout d’ajouter un widget non recommandé à CarPlay, l’interaction sera désactivée.

Nous vous conseillons de définir CarPlay comme emplacement non recommandé si votre widget est un jeu ou demande beaucoup d’interactions.

Par exemple, si votre widget se met à jour avec un nouveau contenu à chaque toucher. Il est également préférable d’exclure CarPlay si votre widget ne fonctionne pas en voiture. Si votre widget utilise les classes de protection A ou B, il risque de ne pas fonctionner dans CarPlay, car la plupart des utilisateurs l’utilisent avec l’iPhone verrouillé. Lorsqu’un widget est associé à une app CarPlay, il suffit de toucher le widget pour lancer l’app. En revanche, si votre widget sert principalement à lancer une app non disponible dans CarPlay, pensez à utiliser disfavoredLocation.

Les bons widgets sur iPhone offrent des infos claires et faciles à consulter d’un coup d’œil, c’est pareil dans CarPlay. Voici des bonnes pratiques à prendre en compte lors du développement.

Vos widgets sont optimisés pour chaque véhicule, avec des widgetContentMargins adaptés à l’affichage dans CarPlay. L’arrière-plan du widget est supprimé lorsque le modificateur containerBackgroundRemovable est défini sur true. Il est préférable d’utiliser les polices et couleurs système pour assurer la lisibilité en toute situation. Votre app propose peut-être déjà des mises à jour via les Activités en temps réel. Avec iOS 26, cette expérience arrive dans CarPlay. Quand une activité en temps réel compatible démarre sur l’iPhone, elle s’affiche sur le tableau de bord CarPlay. Si le tableau de bord CarPlay n’est pas visible, une notification s’affiche en bas de l’écran pour que le conducteur ne manque aucune alerte importante. Comme sur l’iPhone, les utilisateurs peuvent désactiver les Activités en temps réel ou gérer les alertes via un mode Concentration.

Pour offrir aux conducteurs des infos utiles et faciles à consulter, CarPlay affiche les activités en temps réel dans une classe de petite taille.

C’est la même que celle utilisée pour les Activités en temps réel du défilement intelligent de watchOS. Si vous n’avez pas encore implémenté la famille d’activités en petite taille, CarPlay affichera à la place les vues compactes avant et arrière de votre configuration Dynamic Island. Pour une meilleure expérience, votre app doit se limiter aux états essentiels de l’activité en temps réel, sachant que celles de CarPlay ne sont pas interactives. Tester vos widgets ou Activités en temps réel est simple, même sans voiture ! L’app CarPlay Simulator pour macOS vous permet de connecter votre iPhone à votre Mac via un câble USB pour recréer une expérience CarPlay complète. CarPlay Simulator est inclus dans le pack « Additional Tools for Xcode », disponible en téléchargement. Pour en savoir plus sur la conception de vos widgets et Activités en temps réel, regardez la vidéo « What’s new in Widgets ». Concentrons-nous sur les expériences d’app complètes en voiture. Le framework CarPlay permet d’afficher une version de votre app dans la voiture pour que les conducteurs puissent effectuer des tâches courantes sans difficulté. Il permet de prendre en charge différentes catégories. Vous pouvez créer des expériences pour l’audio, SiriKit, la conduite, la recharge, le guidage, le stationnement ou encore la commande de repas à emporter. Si votre app correspond à l’une de ces catégories, vous pouvez demander un droit d’accès pour exploiter le framework CarPlay. Le framework CarPlay propose de nombreuses API de modèles. Chaque catégorie d’app CarPlay dispose de modèles conçus spécialement pour son usage. Ces API de modèles offrent une UI optimisée pour une utilisation en voiture et permettent à votre app de se configurer et de réagir aux interactions. Elles isolent aussi votre app des spécificités de chaque modèle de voiture, comme la configuration de l’écran ou les dispositifs de saisie. Voyons quelques-unes des améliorations des modèles CarPlay dans iOS 26, avec des mises à jour spécifiques pour les apps audio et de navigation.

Le modèle de liste est disponible pour toutes les apps CarPlay et permet d’afficher une liste d’éléments, comme des morceaux de musique.

CPListImageRowItem est un type d’élément pouvant s’afficher sous forme de ligne dans une liste. Il permet d’afficher une série d’images, par exemple des pochettes d’albums uniques. Dans iOS 26, de nouvelles options permettent de personnaliser les lignes d’images dans votre modèle de liste. Il est désormais possible de désactiver des éléments individuels dans une ligne, et de permettre à ces éléments de s’étendre sur plusieurs lignes. Si votre app utilise déjà CPListImageRowItem, vous pouvez le configurer avec un « Row Element » pour conserver le même style de présentation tout en profitant des nouvelles options multilignes et de désactivation.

« Card Element » est un autre style de présentation qui affiche une série de cartes au format portrait. Vous pouvez choisir d’afficher une image en plein écran sur la carte, ou sous forme de carré en haut de celle-ci. Vous pouvez aussi ajouter un titre, un sous-titre et une couleur pour enrichir l’apparence de cet élément. Pour un rendu plus compact, utilisez « Condensed Element » : ce style affiche un titre et une image, au format carré arrondi ou circulaire. Vous pouvez aussi afficher un sous-titre et un symbole SF sur le côté droit de l’élément. Vous pouvez aussi présenter votre contenu sous forme d’image pleine en utilisant « Grid Element », idéal pour des playlists originales ou des images de contact. Enfin, « Image Grid Element » permet d’afficher une image au format carré arrondi ou circulaire, accompagnée en option d’un titre et d’un symbole SF sous l’image. Le modèle de liste bénéficie aussi d’une nouvelle API pour afficher des éléments épinglés. Attribuez la propriété headerGridButtons au CPListTemplate pour afficher des éléments importants en haut de la liste, avant la première section. Créez ensuite des boutons de grille avec une image, des variantes de titre et, en option, un gestionnaire appelé lorsqu’un bouton est touché.

Pour les apps de communication, vous pouvez également utiliser CPMessageGridItemConfiguration. messageConfiguration permet de fournir un ID de conversation que SiriKit renvoie à votre app lorsqu’un élément de la grille est sélectionné. Elle permet aussi d’indiquer si l’élément doit afficher ou non un indicateur de message non lu. Voyons à présent les apps audio pour CarPlay. Si votre app diffuse de l’audio pour des événements sportifs, vous pouvez utiliser une variante de « Lecture en cours » pour afficher le statut de ces événements sur l’écran CarPlay. Le modèle « Lecture en cours » en mode sport est disponible pour les apps audio CarPlay sous iOS 18.4 ou version ultérieure pour les événements opposant deux équipes. Il peut afficher des métadonnées comme les logos d’équipe, les scores, le temps de jeu, etc.

Quand votre app diffuse l’audio d’un événement sportif en direct ou enregistré, vous pouvez activer le mode sport du modèle « Lecture en cours » en créant un CPNowPlayingSportsEventStatus avec les infos de l’événement, y compris le temps écoulé ou restant via le paramètre eventClock. Le système compte automatiquement à partir de la valeur d’eventClock, sans intervention nécessaire. Ensuite, créez un CPNowPlayingModeSports avec le statut de l’événement et les infos des équipes. Enfin, affectez votre instance de CPNowPlayingModeSports à la propriété nowPlayingMode du modèle « Lecture en cours ».

Pendant la lecture, votre app peut fournir de nouvelles métadonnées pour le mode sport pour mettre à jour les scores, indicateurs de possession, classements, etc. Si vous diffusez un événement préenregistré, vos contrôles de lecture peuvent permettre le décalage temporel. En cas de décalage temporel, assurez-vous que votre app envoie des métadonnées mises à jour correspondant à la nouvelle position de lecture. Maintenant que nous avons vu les nouveautés de l’interface, passons à quelques bonnes pratiques pour les apps audio. CarPlay est un environnement unique, où les sources audio se mélangent entre celles de l’iPhone et celles du véhicule. Par exemple, les conducteurs peuvent écouter un match via une app CarPlay, ou profiter de la radio FM ou satellite, au moment de lancer votre app dans CarPlay.

Voici quelques conseils pour offrir aux conducteurs une lecture fluide et la meilleure expérience d’écoute possible. Ne lancez votre session audio que lorsque votre app est sur le point de commencer la lecture. Lorsque votre app ne lit plus de contenu audio, veillez à désactiver votre session audio. L’Audio spatial et le Dolby Atmos offrent une expérience sonore immersive exceptionnelle, et certains véhicules sont compatibles avec ces formats. Adoptez la mémoire tampon améliorée d’AirPlay pour offrir une meilleure expérience audio dans votre app CarPlay. Pour en savoir plus, consultez « Tune up your AirPlay audio experience ». Passons maintenant aux nouveautés des apps de navigation. Avec iOS 26, les boutons du CPMapTemplate prennent automatiquement l’apparence Liquid Glass. Pensez à tester l’apparence de vos icônes de bouton avec CarPlay Simulator. De nombreux véhicules récents prennent en charge les interactions multitouch, notamment ceux compatibles avec CarPlay Ultra. À partir d’iOS 26, si le véhicule prend en charge le multitouch dans CarPlay, les conducteurs peuvent interagir avec votre app de navigation à l’aide de gestes multitouch. Votre CPMapTemplate recevra des rappels vous permettant de réagir et d’offrir une expérience cartographique plus riche et interactive. Les gestes pris en charge sont pincer pour zoomer, double toucher pour zoomer, double toucher à 2 doigts pour dézoomer, glisser vertical à 2 doigts pour ajuster l’inclinaison et la rotation à 2 doigts. Dans les voitures compatibles, votre app de navigation CarPlay peut afficher des infos sur plusieurs écrans et surfaces. Par défaut, votre app affiche la carte sur l’écran principal de CarPlay. Elle peut s’afficher dans le tableau de bord CarPlay si vous déclarez la prise en charge de la scène de navigation du tableau de bord et implémentez les délégués requis. Depuis iOS 16.4, il est aussi possible d’afficher une autre carte sur des écrans secondaires. Pour en savoir plus, regardez la vidéo « Get more mileage out of your app with CarPlay » via le lien ci-dessous. La plupart des voitures récentes peuvent aussi afficher des infos de guidage rapide dans le combiné d’instruments ou l’affichage tête haute.

Voyons le fonctionnement des métadonnées de navigation. Lorsque votre app fonctionne avec CarPlay, l’iPhone est connecté au véhicule. Pendant la conduite, votre app génère des descriptions des prochaines manœuvres, incluant des métadonnées sur les types de manœuvres et de carrefours. Les métadonnées sont envoyées au véhicule, qui les associe à un visuel proche et gère leur affichage à l’écran.

Utilisez CPManeuver pour définir chaque manœuvre. Il prend en charge 54 types de manœuvres. En voici quelques exemples. Vous pouvez aussi spécifier un type de jonction, utile pour décrire des intersections complexes comme un rond-point. Il peut inclure le nombre de sorties, l’angle de chaque sortie et des indications sur celle à emprunter. Concentrez-vous sur la signification du type, car le véhicule détermine son apparence.

J’ai une app de navigation appelée Coastal Roads et je souhaite y ajouter la prise en charge des métadonnées. CarPlay sait que mon app prend en charge les métadonnées de navigation car je renvoie true lorsque le système appelle mapTemplateShouldProvideNavigationMetadata. Pour maximiser les performances de mon app, je fournis un maximum de manœuvres et de guidage par voie dès le début du guidage à ma CPNavigationSession.

Si un nouveau calcul d’itinéraire est nécessaire, je commence par mettre le trajet actuel en pause, puis je crée un CPRouteInformationObject avec les infos mises à jour. Lorsque je reprends le trajet avec cet objet, le système affiche le nouvel itinéraire. Vous pouvez tester tout cela dans CarPlay Simulator, directement sur votre Mac. Vous pouvez aussi le tester dans de nombreux véhicules compatibles avec les métadonnées. Voyons à quoi cela ressemble dans une voiture.

Nous voici dans la voiture. Elle dispose d’un grand écran central et d’un tableau de bord derrière le volant. J’ai déjà jumelé mon iPhone et CarPlay est opérationnel.

Voici le tableau de bord CarPlay sous iOS 26. Le nouveau design est superbe et instantanément familier, car il reprend l’apparence de votre iPhone. J’utilise actuellement l’app de navigation exemple « Coastal Roads », qui affiche une carte à gauche, avec ses boutons de tableau de bord en haut à droite. Les boutons du tableau de bord offrent des raccourcis utiles ou des favoris, il est facile de les définir avec des instances de CPDashboardButton. Plus tôt, nous avons présenté les widgets pour CarPlay. Les widgets sont un moyen familier d’obtenir des infos rapides de vos apps préférées, directement sur l’écran de la voiture. Je glisse simplement vers la droite et les voilà !

Comme vous pouvez le voir, je peux rapidement choisir les widgets que je veux avoir à l’écran. Vous pouvez personnaliser les widgets affichés dans CarPlay en allant dans Réglages > Général > CarPlay sur votre iPhone. Passons maintenant à l’app de navigation Coastal Roads.

J’ai adapté les images de CPMapButton et CPBarButton pour un rendu optimal sur le fond Liquid Glass.

J’ai configuré l’un de mes boutons pour afficher un aperçu de mon trajet préféré vers le ferry Coastal Roads. Très bien, passons maintenant à l’affichage du combiné d’instruments.

Cette voiture affiche les infos essentielles de conduite dans le combiné d’instruments, pour un accès rapide pendant la conduite. Si je change de vue, je peux afficher un guidage routier étape par étape dans un endroit pratique. Le guidage n’a pas encore commencé, lançons donc l’itinéraire. Nous commençons par aller tout droit sur 140 pieds. Les métadonnées de Coastal Roads indiquent une manœuvre de type « straightAhead », généralement représentée par une flèche droite. Je vois la distance restante diminuer et le nom de la rue s’afficher. Nous prenons maintenant une courbe à gauche à un angle de -45° vers Starfish St, et la manœuvre se met à jour. Coastal Roads a aussi défini les junctionElementAngles à 80° et -5°, pour montrer où la route continue. Nous approchons d’un virage serré à gauche, l’app a réglé l’angle de virage à -135°. Comme vous le voyez, la voiture l’affiche avec un aspect différent. Je vais rapidement emprunter Horizon Highway. Où je peux voir le type de manœuvre onRamp. Et maintenant, le type de manœuvre offRamp.

Je vais encore prendre quelques virages à gauche. Puis je resterai à droite pour emprunter Pebble Pier, avec un angle de sortie de 20 degrés.

Et je suis enfin arrivé au ferry ! Coastal Roads a envoyé le type de manœuvre enter_ferry, puis le type arriveAtDestination.

Les métadonnées permettent d’afficher efficacement les indications dans le combiné d’instruments ou sur l’affichage tête haute. CarPlay gère la communication avec la voiture, l’envoi des métadonnées et la gestion de l’état, pour que vous puissiez vous concentrer sur une expérience de guidage optimale dans votre app. Pour optimiser les performances de votre app de navigation, celle-ci peut surveiller les mesures de température et réduire les détails affichés sur la carte, ou passer en mode aperçu, qui demande moins de mises à jour fréquentes.

Les fréquences d’images de votre CADisplayLink dans CarPlay peuvent s’adapter automatiquement selon l’état de l’appareil. Notez aussi que si votre app affiche une carte à la fois sur la console centrale et dans le combiné d’instruments, les deux vues n’ont pas besoin de montrer le même contenu. Pensez à placer une vue en mode aperçu pour offrir au conducteur différentes perspectives de navigation. Cela permet aussi de réduire le nombre de mises à jour animées dans votre app. Consultez la section « Optimize CPU performance with Instruments » pour en savoir plus. C’est tout ! Avec les widgets et les Activités en temps réel, votre app s’intègre plus que jamais au quotidien des conducteurs.

Grâce aux mises à jour du framework CarPlay, vos apps CarPlay sont plus expressives et performantes, et peuvent fonctionner dans le combiné d’instruments ou sur l’affichage tête haute. Pour en savoir plus, consultez le lien du développeur CarPlay ci-dessous. Bonne conduite !