Modèle de conception double vue

L’utilisation de deux écrans offre une possibilité naturelle de comparer deux versions du même type de contenu. Vous pouvez comparer deux images, deux listes ou deux documents côte à côte.

Vous pouvez également afficher les mêmes informations de deux façons différentes en même temps. Chaque écran fonctionne en toute transparence pour fournir plus d’informations à l’utilisateur. Par exemple, affichez une liste de restaurants sur un écran et une carte avec des emplacements sur l’autre.

Si vous souhaitez obtenir une expérience double affichage sans concevoir deux vues spécifiques, envisagez plutôt de prendre en charge plusieurs instances avec votre application. Cette approche tire parti de la prise en charge intégrée du système d’exploitation. Cette expérience peut être utile pour comparer deux produits ouverts sur deux onglets ou d’autres scénarios similaires.

Meilleures pratiques

Voici quelques scénarios qui vous aident à appliquer ce modèle de conception :

Types d’applications qui peuvent tirer parti de ce modèle

• Édition d’outils qui bénéficient d’un état avant/après côte à côte. Par exemple, le code markdown et la préversion.
• Contenu et contexte côte à côte. Par exemple, une carte et une liste de restaurants.
• Applications qui permettent à l’utilisateur de comparer des éléments similaires.
• Avoir deux canevas avec du contenu coordonné, mais conserver chaque page distincte. Par exemple, canevas d’un côté, notez l’autre.

Exemples de code

Ces projets montrent une implémentation simple de double affichage que vous pouvez utiliser dans vos applications :

• Kotlin
• Java
• C# (Xamarin)

Étapes suivantes

Tenez compte de ces autres modèles de conception :

• Modèle de conception de canevas étendu
• Modèle de conception des détails de liste
• Deux modèles de conception de page
• Modèle de conception de volet complémentaire