L’iPhone Duo dispose d’un écran extérieur étroit et d’un écran intérieur large. Contrairement aux autres iPhones, il peut afficher la barre d’état sur le côté de l’écran, à côté de la caméra frontale, même en orientation portrait.

Pour que vos flows s’affichent correctement sur le Duo, suivez les étapes ci-dessous :

• Gardez la Zone de sécurité activée pour que le texte et les boutons restent à l’écart de la barre d’état.
• Si un élément individuel apparaît derrière la barre d’état, décochez Ignore safe area pour cet élément.
• Prévisualisez les deux affichages, dans les deux orientations, avant de publier, et ajustez la mise en page si nécessaire.
• Si un flow était en ligne avant qu’Adapty ajoute la prise en charge de l’iPhone Duo, publiez-le à nouveau pour appliquer les dernières améliorations de mise en page.
• Si le flow Duo nécessite sa propre conception, affichez un flow distinct aux utilisateurs Duo.

Garder le texte et les boutons hors de la barre d’état et de la caméra

Activez Safe area pour maintenir ces parties de l’écran hors de la barre d’état :

• Le contenu principal
• Le contenu du pied de page et de la feuille glissante
• L’indicateur de progression
• Les éléments Fixed et Absolute

Les arrière-plans de l’écran, du pied de page et de la feuille glissante s’étendent toujours sur toute la largeur de l’affichage, y compris la zone derrière la barre d’état.

Ignorer intentionnellement la zone sécurisée de l’iPhone Duo

Un élément individuel peut remplacer le paramètre Safe area pour apparaître derrière la barre de statut. Cette option est uniquement recommandée pour un effet intentionnel sur des images et des vidéos.

Donnez à l’élément une position Fixed ou Absolute. Cochez ensuite la case Ignore safe area.

Pour qu’une image ou une vidéo défile avec le reste de l’écran, placez-la en haut de l’écran à la place.

Concevoir une mise en page unique pour les deux écrans

Chaque écran n’a qu’une seule mise en page. Lorsque vous concevez un écran dans le Flow & Paywall Builder, suivez les conseils de cette section pour vous assurer qu’il s’adapte aux deux écrans de l’iPhone Duo.

Sélectionnez iPhone Duo dans la liste des appareils. Prévisualisez ensuite chaque écran :

• Fermé : La barre de statut occupe beaucoup d’espace. Vérifiez :

  • Le texte qui s’enroule ou est tronqué
  • Un pied de page qui occupe une grande partie de l’écran
  • Un bouton de fermeture, de restauration ou d’achat hors de vue

  Activez le défilement vertical ou répartissez le contenu sur plusieurs écrans. Pour garder le bouton d’achat visible, placez-le dans un pied de page épinglé.

• Open : si vous avez conçu votre application uniquement en mode portrait, iOS peut quand même l’afficher en mode paysage sur l’écran intérieur.

  Repérez le contenu qui s’étire trop en largeur pour être lu confortablement dans les deux orientations. Placez-le dans un conteneur avec une largeur Fixed. Ensuite, centrez le conteneur en modifiant le paramètre Alignment de son parent. Le conteneur conserve sa largeur sur tous les appareils.

  Si le conteneur est trop large pour les téléphones les plus étroits, une icône d’avertissement apparaît à côté de Width. Réduisez la largeur jusqu’à ce que l’icône disparaisse.

Si vous créez une mise en page adaptée au Duo, mais qui ne convient pas aux autres téléphones, montrez aux utilisateurs du Duo un flow distinct.

Ajouter le support iPhone Duo aux flows en production

Pour appliquer les dernières améliorations de mise en page à un flow mis en production avant qu’Adapty ajoute le support iPhone Duo, republiez-le.

Ouvrez le flow dans le Flow & Paywall Builder. Effectuez une modification mineure pour activer le bouton Publish to Live, puis cliquez dessus.

Votre application reçoit la dernière version publiée la prochaine fois qu’elle demande un placement qui sert ce flow. Pour voir le résultat, ouvrez le flow dans votre application sur un iPhone Duo ou le simulateur du téléphone dans Xcode.

Afficher un flow distinct pour les utilisateurs d’iPhone Duo

Vous préférerez peut-être concevoir un flow distinct, adapté aux écrans du Duo, plutôt qu’une seule mise en page qui convient à tous les téléphones :

1. Copiez un flow existant pour créer le flow Duo.
2. Adaptez la copie pour les deux affichages. Puis publiez-le.
3. Créez un segment avec l’attribut Device défini sur iPhone Duo.
4. Dans le placement qui sert le flow principal, ajoutez une audience avec le segment Duo et le flow Duo.
5. Si une autre audience du placement peut également correspondre aux utilisateurs Duo, augmentez la priorité de l’audience Duo au-dessus d’elle.

Pour voir le résultat, ouvrez votre application sur un vrai iPhone Duo.