Lire en anglais

Partager via


Disposition Xamarin. Forms TwoPaneView

le contrôle TwoPaneView est disponible dans la version préliminaire de Xamarin. forms. DualScreen NuGet . Le code suivant illustre un exemple de code XAML simple :

<ContentPage xmlns:dualScreen="clr-namespace:Xamarin.Forms.DualScreen;assembly=Xamarin.Forms.DualScreen">
    <dualScreen:TwoPaneView>
        <dualScreen:TwoPaneView.Pane1>
            <StackLayout>
                <Label Text="Pane1 Content" />
            </StackLayout>
        </dualScreen:TwoPaneView.Pane1>
        <dualScreen:TwoPaneView.Pane2>
            <StackLayout>
                <Label Text="Pane2 Content" />
            </StackLayout>
        </dualScreen:TwoPaneView.Pane2>
    </dualScreen:TwoPaneView>
</ContentPage>

Par défaut, le TwoPaneView essaie de toujours afficher les deux volets, ce qui signifie que lorsque l’application s’exécute sur un seul écran, la vue est fractionnée entre les deux volets. Les propriétés suivantes peuvent être utilisées pour affecter la disposition lorsqu’il s’agit uniquement d’un rendu sur un seul écran :

  • MinTallModeHeight – indique la hauteur minimale que doit avoir le contrôle pour passer en mode haut.
  • MinWideModeWidth – indique la largeur minimale que doit avoir le contrôle pour passer en mode large.
  • Pane1Length : définit la largeur de fichier Pane1 en mode large, la hauteur de fichier Pane1 en mode haut et n’a aucun effet en mode SinglePane.
  • Pane2Length : définit la largeur de Pane2 en mode large, la hauteur de Pane2 en mode haut et n’a aucun effet en mode SinglePane.

Sur Surface Duo, les applications peuvent être réparties sur deux écrans. Le contrôle TwoPaneView présente d’autres propriétés qui déterminent où les deux volets sont rendus l’un par rapport à l’autre (dans un seul ou deux écrans) :

  • TallModeConfiguration : en mode haute, les volets peuvent être haut/bas, bas/haut, ou un seul volet peut être affiché.
  • WideModeConfiguration : en mode étendu, les volets peuvent être de gauche à droite, de droite à gauche ou un seul volet.
  • PanePriority : indique s’il faut afficher fichier Pane1 ou Pane2 si en mode SinglePane est choisi pour le mode haut ou largeur.

Il existe trois modes d’affichage :

  • SinglePane - un seul volet est actuellement visible.
  • Large - les deux volets sont disposés horizontalement. Un volet est à gauche et l’autre est à droite. Sur la surface Duo, les deux écrans sont en mode portrait.
  • Grand - les deux volets sont disposés verticalement. Un volet est en haut et l’autre est en bas. Sur la surface Duo, les deux écrans sont en mode paysage.

Pour plus d’informations, consultez la documentation Xamarin. Certaines considérations relatives à la conception dans la documentation TwoPaneView UWP s’appliquent également au contrôle Xamarin.

Dépannage

Si vous observez un comportement ou une disposition inattendus dans, consultez les instructions d' TwoPaneViewinstallation, y compris la méthode et ConfigurationChanges l' Init attribut.