c# - 将 Dictionary 绑定(bind)到 WPF 列表框

Question

给定字典 <string, Drink> , 你会如何绑定(bind) dictionary.Values到 WPF 列表框，以便项目使用 .Name属性(property)？

struct Drink
{
    public string Name { get; private set; }
    public int Popularity { get; private set; }

    public Drink ( string name, int popularity )
        : this ( )
    {
        this.Name = name;
        this.Popularity = popularity;
    }
}

Answer 1

设置ItemsSource在项目控件上创建到源对象枚举器的绑定(bind)。 Dictionary<T1, T2> 的枚举器类型为 IEnumerable<KeyValuePair<T1, T2>> .所以在你的项目模板中，你可以绑定(bind)到 Key和 Value属性，并使用路径语法获取键和值的特定属性。

这是一个例子。首先是创建和填充字典并将其添加到资源字典的代码(有很多不同的方法可以将字典公开给数据绑定(bind)；这个很简单):

namespace WpfApplication17
{
    /// <summary>
    /// Interaction logic for Window1.xaml
    /// </summary>
    public partial class Window1 : Window
    {
        public Window1()
        {
            Dictionary<string, Drink> d = new Dictionary<string, Drink>();
            d.Add("A", new Drink("Nehi", 0));
            d.Add("B", new Drink("Moxie", 1));
            d.Add("C", new Drink("Vernor's", 2));
            d.Add("D", new Drink("Canfield's", 3));

            Resources["Drinks"] = d;

            InitializeComponent();
        }

        public class Drink
        {
            public Drink(string name, int popularity)
            {
                Name = name;
                Popularity = popularity;
            }
            public string Name { get; set; }
            public int Popularity { get; set; }
        }
    }
}

现在是用于填充 ListBox 的 XAML (虽然 ListView 会更容易，因为您不必定义这么复杂的模板来使其看起来不错):

<Window x:Class="WpfApplication17.Window1"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Window1"
        Height="300"
        Width="300">
    <Grid Margin="10">
        <ListBox ItemsSource="{DynamicResource Drinks}" Grid.IsSharedSizeScope="True">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition SharedSizeGroup="Key" />
                            <ColumnDefinition SharedSizeGroup="Name" />
                            <ColumnDefinition SharedSizeGroup="Popularity" />
                        </Grid.ColumnDefinitions>
                        <TextBlock Margin="2" Text="{Binding Key}" Grid.Column="0"/>
                        <TextBlock Margin="2" Text="{Binding Value.Name}" Grid.Column="1"/>
                        <TextBlock Margin="2"  Text="{Binding Value.Popularity}" Grid.Column="2"/>
                    </Grid>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>
    </Grid>
</Window>

ListView 的 XAML更简单，并且启动时显示更漂亮:

<ListView ItemsSource="{DynamicResource Drinks}">
    <ListView.View>
        <GridView>
            <GridViewColumn Header="Key"
                            DisplayMemberBinding="{Binding Key}" />
            <GridViewColumn Header="Name"
                            DisplayMemberBinding="{Binding Value.Name}" />
            <GridViewColumn Header="Popularity"
                            DisplayMemberBinding="{Binding Value.Popularity}" />
        </GridView>
    </ListView.View>
 </ListView>

回答您的后续问题:

我推荐 Adam Nathan 的 Windows Presentation Foundation Unleashed。关于面板布局的章节非常详细地解释了网格的工作原理。 Grid在很多方面都非常违反直觉。您认为您想要创建单个 Grid包含许多项目，但 Grid 中的行数和列数不是动态的。所以你要做的是创建一个 Grid对于每个项目，然后使用共享大小功能来确保每个 Grid 中的列尺寸相同。 ListView有它自己的怪癖，但对于常见的“在网格中显示多个项目”用例来说，它要简单得多。

DynamicResource是一个标记扩展，其工作方式很像 StaticResource .不同之处在于，当 XAML 解析器解析 StaticResource 时因为它解析它 - 如果引用的资源不在资源字典中，它会抛出异常。 DynamicResource如果稍后将项目添加到字典中，则解析引用。这会产生一些性能成本，但在大多数情况下可以忽略不计。如果您使用 StaticResource，我发布的代码将有效，因为 XAML 在 InitializeComponent 中被解析.但我不想记住那个，所以我使用 DynamicResource默认情况下，如果我绑定(bind)到我在代码中添加到资源字典中的内容，而不必担心它是在解析 XAML 之前还是之后创建的。

至于工具箱:也许我会在 VS2010 中开始使用它，但我发现 2008 年的那个有很多问题。反正也不是很有用。我几乎所有的布局工作都是在编辑器中完成的，还有一些是在 Kaxaml 中完成的。我认为 2008 年的可视化编辑器实际上让学习 WPF 更难，因为它在我和 XAML 之间强加了一个抽象层(它本身就是我和 WPF 对象模型之间的一个抽象层)。而且它不是一个很好的抽象层:在我看来，决定什么应该隐藏什么应该可见的设计决策不是正确的。它也有很多问题。