我正在创建一个带有商店的应用程序,所以我需要一个项目的网格视图'带有文本的图标。 iTunes提供了我需要的一个很好的例子。有什么想法吗?
答案 0 :(得分:12)
您可以使用ListBox
作为其面板类型的WrapPanel
,然后使用DataTemplate,该图标使用Image
元素作为图标,TextBlock作为其标题。
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>