locked
WP7 tip – Modifier l’aspect des pages en fonction de l’orientation du téléphone RRS feed

  • Discussion générale

  • Les pages d’une application WP7 Silverlight ou XNA peuvent changer l’apparence en fonction de l’orientation du l’appareil. Pour une utilisation facile, le développeur doit prendre en compte le fait que le WP7 peut changer de position selon les besoins de l’utilisateur et que l’affichage sur l’écran doit changer en conséquence.

     

    Pour changer l’affichage d’une page (horizontale ou verticale) selon la position du téléphone, on doit tout d’abord modifier ses propriétés en mode design, dans le code xaml :

    SupportedOrientations="PortraitOrLandscape" Orientation="Portrait"

     

    La propriété SupportedOrientations doit avoir la valeur PortraitOrLandscape. Ca permettra un positionnement automatique de la page selon la position du téléphone.

     

    En plus, on doit penser aussi aux contrôles affichés sur la page, qui doivent parfois changer de position pour offrir une image et une fonctionnalité cohérentes. Pour savoir quand on change l’orientation du téléphone, on intercepte l’évènement OrientationChanged. Ensuite, on fait les modifications nécessaires dans la méthode qui gère cet évènement :

     

    public MainPage()

            {

                InitializeComponent();

                this.OrientationChanged += new EventHandler<OrientationChangedEventArgs>(MainPage_OrientationChanged);

            }

     

            void MainPage_OrientationChanged(object sender, OrientationChangedEventArgs e)

            {

                if ((e.Orientation == PageOrientation.LandscapeLeft) ||

                    (e.Orientation == PageOrientation.LandscapeRight))

                {

                    this.PageTitle.Text = "Landscape";

                }

                else

                {

                    this.PageTitle.Text = "Portrait";

                }

            }

    Dans cet exemple, nous avons modifié le titre de la page, mais les modifications peuvent viser la position des contrôles sur la page, leur aspect ou l’addition de nouveaux contrôles.

     


    Suivez MSDN sur Twitter 

    lundi 29 novembre 2010 15:16