在 Silverlight 4 中水平显示项目列表答案

【问题标题】：display list of items horizontally in Silverlight 4在 Silverlight 4 中水平显示项目列表
【发布时间】：2010-04-22 03:16:21
【问题描述】：

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

【问题讨论】：

标签： c# web-applications silverlight-4.0

【解决方案1】：

使用列表框。然后使用它的 ItemsPanel 属性将 StackPanel 指定为 Orientation=Horizontal。

然后，您可以使用 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>

【讨论】：

谢谢你。这正是我想要的。