以WPF格式顯示圖像

Question

我創建了一個應用程序，裏面有一個商店，所以我需要一個網格視圖來顯示包含文本的圖標。 iTunes提供了我需要的一個很好的例子。有任何想法嗎？

http://i55.tinypic.com/16jld3a.png

Answer 1

你可以使用一個ListBox有它的面板類型WrapPanel，然後使用使用的圖標的Image元素和它們的標題TextBlock的一個DataTemplate。

EG：

public class MyItemType 
{ 
    public byte[] Icon { get; set; } 

    public string Title { get; set; } 
} 

在window.xaml.cs：

public List<MyItemType> MyItems { get; set; } 

public Window1() 
{ 
    InitializeComponent(); 

    MyItems = new List<MyItemType>(); 
    MyItemType newItem = new MyItemType(); 
    newItem.Image = ... load BMP here ...; 
    newItem.Title = "FooBar Icon"; 
    MyItems.Add(newItem); 

    this.MainGrid.DataContext = this; 
} 

當加載圖標，請參閱Microsoft's Imaging Overview，因爲有很多的方法可以做到這一點。

然後在window.xaml：

<Window x:Class="MyApplication.Window1" 
    xmlns:local="clr-namespace:MyApplication" 
> 

<Window.Resources> 
    <DataTemplate DataType="{x:Type local:MyItemType}"> 
     <StackPanel> 
      <Image Source="{Binding Path=Icon}"/> 
      <TextBlock Text="{Binding Path=Title}"/> 
     </StackPanel> 
    </DataTemplate> 
</Window.Resources> 

<Grid Name="MainGrid"> 
    <ListBox ItemsSource="{Binding Path=MyItems}"> 
     <ListBox.ItemsPanel> 
      <ItemsPanelTemplate> 
       <WrapPanel IsItemsHost="True"/> 
      </ItemsPanelTemplate> 
     </ListBox.ItemsPanel> 
    </ListBox> 
</Grid>