none
Application Windows Phone photos coupées en mode paysage RRS feed

  • Question

  • Bonjour, j'ai développer une petite application sur Windows phone. Elle se compose de photos contenues dans un control

    AdaptiveGridView (Nugets : Uwp ToolKit). En mode portrait, la présentation est bonne, mais en mode paysage j'ai une marge sur la gauche et mes photos a droite sont coupées. Aurais-je oublié un bout de code ?

    Voici 2 captures d'écrans et mon code :

       <Page.Resources>
            <Style TargetType="TextBlock">
                <Setter Property="FontSize" Value="40"/>
                <Setter Property="FontFamily" Value="Segoe MDL2 Assets"/>
            </Style>
            <DataTemplate x:Key="MyPhotos">
                <Grid Background="White" BorderBrush="Green"
                      BorderThickness="1">
                    <Image Source="{Binding ImageUrl}"
                           Stretch="UniformToFill"
                           HorizontalAlignment="Center"
                           VerticalAlignment="Center"/>
                </Grid>
            </DataTemplate>
        </Page.Resources>
        <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
          
            <controls:AdaptiveGridView x:Name="MyGrid"
                                  ItemHeight="80"
                                  DesiredWidth="80"
                                  ItemTemplate="{StaticResource MyPhotos}"
                                       IsItemClickEnabled="True"
                                       ItemClick="MyGrid_ItemClick"/>
        </Grid>
    
    
    
     public sealed partial class MainPage : Page
        {
            List<MyImage> data = new List<MyImage>();
            public class MyImage
            {
                public string ImageUrl { get; set; }
            }
            public MainPage()
            {
                this.InitializeComponent();
            }
            protected override void OnNavigatedTo(NavigationEventArgs e)
            {
                base.OnNavigatedTo(e);
                data.Add(new MyImage { ImageUrl = "ms-appx:///Assets/HamburgerIcon.PNG" }); 
          // ...  + 33 autres images...
     MyGrid.ItemsSource = data;
      }

     


    JF Collombet ® CreateSpecificCulture

    mardi 13 décembre 2016 16:55

Réponses


  • Bonjour,
    Peut-être les solutions proposées dans le thread GridView with 2 columns, fill width vont vous donner une idée.

    Cordialement,
    Nina


    Microsoft propose ce service gratuitement, dans le but d'aider les utilisateurs et d'élargir les connaissances générales liées aux produits et technologies Microsoft. Ce contenu est fourni "tel quel" et il n'implique aucune responsabilité de la part de Microsoft.

    mercredi 14 décembre 2016 15:09
    Modérateur

Toutes les réponses


  • Bonjour,
    Peut-être les solutions proposées dans le thread GridView with 2 columns, fill width vont vous donner une idée.

    Cordialement,
    Nina


    Microsoft propose ce service gratuitement, dans le but d'aider les utilisateurs et d'élargir les connaissances générales liées aux produits et technologies Microsoft. Ce contenu est fourni "tel quel" et il n'implique aucune responsabilité de la part de Microsoft.

    mercredi 14 décembre 2016 15:09
    Modérateur
  • Effectivement l'utilisation du control GridView est plus efficace et solutionne mon problème.

    JF Collombet ® CreateSpecificCulture

    mercredi 14 décembre 2016 16:22