在Silverlight 4中水平顯示項目列表

Question

我想在silverlight 4頁面中水平顯示產品列表。產品列表將被動態獲取。我展示的Foreach產品需要展示產品圖片，名稱和價格。請讓我知道是否有人有此事。

Answer 1

使用ListBox。然後使用它的ItemsPanel屬性來指定方向=水平的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>