Langage C#
  1. Langage C#
  3. Comment afficher des éléments Gridview de largeur variable dans Windows 8?
Intereting Posts
supprimer les mots en double de la chaîne en C # Le fichier EXE ne fonctionne pas Comment empêcher IIS de ne pas modifier les barres obliques inverses avec des barres obliques Lire le fichier depuis le stockage d’objects blob Azure Injection de dépendance – Et si la durée de vie d’une dépendance est plus courte que l’object dépendant? Meilleure façon d’parsingr les données formatées «chaîne de requête» Montrer une forme cachée C #: produit une tonalité continue jusqu’à l’interruption Combobox bordertyle Requête d’insertion SQL à l’aide de C # Puis-je avoir du code qui s’exécute avant et après les tests exécutés par NUnit? C # inheritance multiple Equation de chaîne de saisie utilisateur, convertie en une réponse int C # Extensions réactives Recherche instantanée pour WPF / MVVM Appeler une variable d’une autre classe

Comment afficher des éléments Gridview de largeur variable dans Windows 8?

Mes éléments GridView ayant la taille de son first item size . Comment puis-je changer ce comportement?

Comment afficher les GridView items avec une Width variable en fonction du contenu?

entrez la description de l'image ici

Je veux montrer le premier mais j’obtiens le second.
Une suggestion pour faire ça?

Vérifiez Windows 8 GridView et les éléments de taille variable et les éléments de mosaïque de taille différente dans WinRT GridView et vérifiez également le modèle de grid de taille variable
J’espère que cette aide

Vous pouvez créer cette vue de GridView en définissant ItemsPanel sur WrapPanel , vous pouvez obtenir WrapPanel sur le blog de Jerry Nixon . Voici le code.

XAML

C # 

 protected override void OnNavigatedTo(NavigationEventArgs e) { var list = new List() { new ViewModel(110, Colors.LawnGreen), new ViewModel(50, Colors.DarkBlue), new ViewModel(130, Colors.Firebrick), new ViewModel(60, Colors.RosyBrown), new ViewModel(100, Colors.IndianRed), new ViewModel(210, Colors.BurlyWood), new ViewModel(150, Colors.Turquoise) }; gv.ItemsSource = list; } public class ViewModel { public double MyWidth { get; set; } public Color MyColor { get; set; } public ViewModel(double _MyWidth, Color _MyColor) { MyWidth = _MyWidth; MyColor = _MyColor; } }

Voici ma solution.

// vue de grid de taille variable 

 public class VariableSizedGridView : GridView { protected override void PrepareContainerForItemOverride(Windows.UI.Xaml.DependencyObject element, object item) { try { dynamic gridItem = item; var typeItem = item as CommonType; if (typeItem != null) { var heightPecentage = (300.0 / typeItem.WbmImage.PixelHeight); var itemWidth = typeItem.WbmImage.PixelWidth * heightPecentage; var columnSpan = Convert.ToInt32(itemWidth / 10.0); if (gridItem != null) { element.SetValue(VariableSizedWrapGrid.ItemWidthProperty, itemWidth); element.SetValue(VariableSizedWrapGrid.ColumnSpanProperty, columnSpan); element.SetValue(VariableSizedWrapGrid.RowSpanProperty, 1); } } } catch { element.SetValue(VariableSizedWrapGrid.ItemWidthProperty, 100); element.SetValue(VariableSizedWrapGrid.ColumnSpanProperty, 1); element.SetValue(VariableSizedWrapGrid.RowSpanProperty, 1); } finally { base.PrepareContainerForItemOverride(element, item); } }

// Collection Voir le source

// vue de grid de taille variable xaml