mvvm - 如何从 WPF 中的数据列表中制作可点击图像的网格？

Question

我是一位经验丰富的 C 和 Java 程序员，但绝对是 WPF 新手。

我正在创建一个信息亭应用程序，该应用程序将显示产品图像列表，用户将单击该列表以查看产品详细信息并可能下订单。

我正在尝试使用 MVVM Foundation 构建我的应用程序，因为我已经习惯了结构和测试的好处。

我想知道创建可点击图像网格的最自然方法是什么，它将从左到右，从上到下(或相反，我没有确切的要求)填充屏幕。

任何图像都应绑定(bind)到将成为当前并在下一个屏幕中显示的对象。
谢谢你的帮助。

Answer 1

好的!听着!这是你如何做到的! :)
1) 使用 ItemsControl 和 UniformGrid 来获得自动对齐

<ItemsControl>
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <UniformGrid>
            </UniformGrid>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <Button Width="50" Height="50"/>
    <Button Width="50" Height="50"/>
    <Button Width="50" Height="50"/>
</ItemsControl>

2) 使用来自 View 模型的数据填充 ItemsControl

<ItemsControl ItemsSource="{Binding Path=ImageList}"...

public ObservableCollection<ClickableImage> ImageList
{
    get { return m_ImageList;}
}

... constructor
{
    m_ImageList = new ObservableCollection<ClickableImage>();
    m_ImageList.Add(new ClickableImage("image.png");
}

太棒了!