Je vais conduire une application à écran tactile (pas une application Web) qui doit présenter des groupes d'images aux utilisateurs. Le désir est de présenter une grille 3x3 d'images avec une capacité avant / arrière. Ils peuvent sélectionner quelques-uns et je présenterai simplement ces images. P>
Je ne vois pas que listview code> fait tout ce que je veux (bien que WPF soit assez grand que j'ai pu manquer quelque chose d'évident!). Je pourrais configurer un
grille code> et stabiliser les images dans les positions de la grille. Mais j'espérais quelque chose de plus agréable, plus automatisé, moins de force brute. Toutes les pensées ou les pointeurs? P>
3 Réponses :
Vous pouvez utiliser simple listbox code> contrôler et personnaliser son
Modèle code> et ajouter
wrappanel code>.
WRAAPNEL CODE> met des éléments dans une mise en page horizontale de carrelage, où vous pouvez définir sa largeur maximale pour incorporer 3 éléments d'une rangée et créera plus de lignes pour 3 articles jusqu'à la dernière fois que le dernier remplissage. P>
Vous voudrez peut-être utiliser un itemsControl code> /
listbox CODE>, puis définissez un panneau
Uniformgrid code> pour une affichage 3x3 sous le nom
ÉlémentsPanel Pour obtenir une solution liée à la WPF appropriée.
<ListBox ScrollViewer.HorizontalScrollBarVisibility="Disabled">
<ListBox.ItemsPanel>
<ItemsPanelTemplate>
<UniformGrid Rows="3" Columns="3"/>
</ItemsPanelTemplate>
</ListBox.ItemsPanel>
<Image Source="Images\img1.jpg" Width="100"/>
<Image Source="Images\img2.jpg" Width="50"/>
<Image Source="Images\img3.jpg" Width="200"/>
<Image Source="Images\img4.jpg" Width="75"/>
<Image Source="Images\img5.jpg" Width="125"/>
<Image Source="Images\img6.jpg" Width="100"/>
<Image Source="Images\img7.jpg" Width="50"/>
<Image Source="Images\img8.jpg" Width="50"/>
<Image Source="Images\img9.jpg" Width="50"/>
</ListBox>
Je sais que c'est une assez vieille question, mais je réponds parce que cette page est dans la première page de Google et ce lien pourrait être utile pour quelqu'un. P>
Capture d'écran: p>