WPF 图片库

Question

我将驱动一个需要向用户呈现图像组的触摸屏应用程序（不是网络应用程序）。 我们的愿望是呈现具有页面前进/后退功能的 3x3 图像网格。 他们可以选择一些，我将只展示这些图像。

我没有看到 ListView 完全符合我的要求（尽管 WPF 足够大，我很可能错过了一些明显的东西！）。 我可以设置一个网格并将图像填充到网格位置。 但我希望有一些更好、更自动化、更少暴力的东西。 有什么想法或指示吗？

Answer 1

我知道这是一个相当老的问题，但我回答是因为此页面位于 Google 的第一页，并且此链接可能对某人有用。

WPF 照片查看器演示

屏幕截图：

Answer 2

您可能想要使用 ItemsControl/ListBox，然后为 3x3 显示设置 UniformGrid 面板作为其 ItemsPanel实现正确的 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>

如果您正在此处寻找动态解决方案，则需要将图像集合设置为 ItemsSource 绑定。 但问题太宽泛，无法给出准确答案。

Answer 3

您可以使用简单的ListBox控件并自定义其ItemsPanel模板并在其中添加WrapPanel。 WrapPanel 将项目放入水平平铺布局中，您可以在其中设置其最大宽度以将 3 个项目合并到一行中，并且它将为 3 个项目创建更多行，直到最后一个项目填满。