c# - 在 Silverlight 4 中水平显示项目列表

Question

我想在 silverlight 4 页面中水平显示产品列表。产品列表将动态获取。对于我展示的每个产品，我需要显示产品图片、名称及其价格。如果有人对此有任何想法，请告诉我。

Answer 1

使用列表框。然后使用它的 ItemsPanel 属性指定 Orientation=Horizo​​ntal 的 StackPanel。

然后您可以使用 ItemTemplate 指定每个产品的显示方式。您没有具体说明您想要如何准确地安排您的产品以及您使用什么数据结构来表示它，所以我只使用了一个简单的模式，您可以修改它。

代码:

    <ListBox>
        <ListBox.ItemsPanel>
            <ItemsPanelTemplate>
                <StackPanel Orientation="Horizontal"/>
            </ItemsPanelTemplate>
        </ListBox.ItemsPanel>

        <ListBox.ItemTemplate>
            <DataTemplate>
                <StackPanel Orientation="Horizontal">
                    <Image Source="{TemplateBinding ImageUrl}"/>
                    <StackPanel Orientation="Vertical">
                        <TextBlock Text="{TemplateBinding Name}"/>
                        <TextBlock Text="{TemplateBinding Price}"/>
                    </StackPanel>
                </StackPanel>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>