Quiero mostrar en WrapPanel una lista de imágenes. ¿Cómo puedo hacer eso o tal vez usaré otro control?¿Cómo establecer el origen de elementos de WrapPanel en la lista?
Respuesta
Se puede utilizar absolutamente el WrapPanel para mostrar una lista de imágenes, el desplazamiento vertical u horizontalmente. Para obtener el tipo de efecto panorámico baldosas como en hub con sus imágenes, se podría hacer algo como esto:
<controls:PanoramaItem Header="something" Orientation="Horizontal" Margin="0,-15,0,0" >
<ListBox Name="SomeList" Margin="0,0,-12,0" ItemsSource="{Binding SomeItemsList}" >
<ListBox.ItemsPanel>
<ItemsPanelTemplate>
<toolkit:WrapPanel x:Name="wrapPanel" Width="700" />
</ItemsPanelTemplate>
</ListBox.ItemsPanel>
<ListBox.ItemTemplate>
<DataTemplate>
<StackPanel Orientation="Horizontal" Margin="0,0,0,17">
<Image Height="200" Width="200" Margin="12,0,9,0" Source="{Binding ImageURL}" />
</StackPanel>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
</controls:PanoramaItem>
Tenga en cuenta que una WrapPanel dentro de un cuadro de lista no recoger el DataTemplate se define por lo que tiene .. completa libertad para enlazar cualquier lista a su WrapPanel.
Espero que esto ayude!
Sí, definitivamente no es el WrapPanel, no tiene ItemsSource, no puede tomar una lista. Use ListBox y puede establecer ItemsSource.
Editar
Sé de ListBox pero no muestra fotos buenas. ItemSource Es un ejemplo, quiero decir que le doy a WrapPanel una lista y muestra automáticamente esta lista. –
Bueno, puedes jugar con ControlTemplate del ListBox para mostrarlo como quieras. WrapPanel, hereda del Panel. Básicamente necesitas algo que implemente Itemscontrol. Verifique mi respuesta para ver los elementos que implementan ItemsControl para las elecciones que tiene. – MBen
Ok gracias. (15 caracteres) –
Busca lo mismo y encontré esto: Displaying a Collection of Items in a WrapPanel.
<ItemsControl ItemsSource="{Binding ActorList}" Margin="20">
<ItemsControl.ItemTemplate>
<DataTemplate>
<Image Source="{Binding Image}" Height="100"/>
</DataTemplate>
</ItemsControl.ItemTemplate>
<ItemsControl.ItemsPanel>
<ItemsPanelTemplate>
<WrapPanel/>
</ItemsPanelTemplate>
</ItemsControl.ItemsPanel>
o puede utilizar Xceed's SwitchPanel.
- 1. WPF: WrapPanel en ItemsPanelTemplate expande ancho de la lista
- 2. ¿Cómo establecer un valor predeterminado para la lista de elementos?
- 3. Establecer el ancho de los elementos de la lista para completar la lista desordenada
- 4. Android: Cómo establecer el color del texto para los elementos de la lista en AlertDialog correctamente
- 5. ¿Cómo hacer un "wrappanel" en html?
- 6. Listar elementos verticalmente en un WrapPanel y aprovechar múltiples columnas
- 7. Cómo establecer el tamaño dibujable en la lista de capas
- 8. Establecer el origen del lienzo en la esquina inferior izquierda
- 9. cómo crear el origen de datos para la lista de botones de radio?
- 10. Elementos múltiples Enlaces de colección de origen
- 11. ¿Cómo establecer una referencia de origen de UIView?
- 12. ¿Anida los elementos de la lista dentro de los elementos de lista de una lista ordenada?
- 13. Encuadernación ObservableCollection items a UserControl en WrapPanel?
- 14. Comparta el espacio libre en un WrapPanel
- 15. jQuery ordenable - Limitar el número de elementos en la lista
- 16. Animar elementos de la lista en ListView
- 17. elementos de la lista espaciados uniformemente
- 18. Eliminar elementos de lista de DropDownList
- 19. JLists - número de elementos en la lista
- 20. Establecer el orden de los elementos de los cambios?
- 21. Android: Cómo deshabilitar los elementos de la lista en la creación de la lista
- 22. WPF: ¿Reordenar el contenido de WrapPanel arrastrando y soltando?
- 23. MVC - Establecer el valor seleccionado de la Lista de selección
- 24. ¿Cómo establecer elementos de Single Choice dentro de AlertDialog?
- 25. WP7 Virtualizing WrapPanel
- 26. LINQ: Cómo anexar lista de elementos en otra lista
- 27. ¿Cómo establecer el tamaño de fuente de las viñetas y números de elementos de lista en tinyMCE?
- 28. ¿Cómo encontrar elementos comunes en la lista de listas?
- 29. ¿Cómo obtener el origen de la página en la afeitadora?
- 30. Imprimir lista de elementos
Muchas gracias. –
En lugar del ListBox puede usar ItemsControl más simple. – Heiner