WPF Galería de imágenes

Question

Voy a manejar una aplicación de pantalla táctil (no una aplicación web) que necesita presentar grupos de imágenes a los usuarios. El deseo es presentar una grilla de imágenes de 3x3 con una capacidad de avance/retroceso de página. Pueden seleccionar algunas y yo presentaré solo esas imágenes.

No veo que ListView haga todo lo que quiero (¡aunque WPF es lo suficientemente grande como para haber perdido algo obvio!). Podría configurar un Grid y colocar imágenes en las posiciones de la cuadrícula. Pero esperaba algo más agradable, más automatizado, menos fuerza bruta. ¿Alguna idea o punteros?

Answer 1

Es posible que desee utilizar un ItemsControl/ListBox a continuación, establezca un panel UniformGrid para una pantalla de 3x3 como su ItemsPanel para lograr una solución adecuada enlazable WPF.

<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> 

Es necesario que ajuste su colección de imágenes como vinculantes ItemsSource si usted está buscando una solución dinámica aquí. Pero la pregunta es demasiado amplia para dar una respuesta exacta.

Answer 2

Puede usar el control simple ListBox y personalizar su plantilla ItemsPanel y agregar WrapPanel en ella. WrapPanel coloca los elementos en un diseño de Mosaico horizontal, donde puede establecer su ancho máximo para incorporar 3 elementos en una fila y creará más filas para 3 elementos hasta que se llene el último.

Answer 3

Sé que esta es una pregunta muy antigua, pero estoy respondiendo porque esta página está en la primera página en Google y este enlace podría ser útil para alguien.

WPF Photo Viewer Demo

Captura de pantalla: