使用WPF在网格中显示图像

时间:2011-03-08 17:46:46

标签: c# wpf image grid

我正在创建一个带有商店的应用程序,所以我需要一个项目的网格视图'带有文本的图标。 iTunes提供了我需要的一个很好的例子。有什么想法吗?

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

1 个答案:

答案 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>