WPF数据绑定的基础知识

时间:2013-03-08 14:21:25

标签: c# .net wpf data-binding

我刚刚开始使用WPF,首先,我想知道如何以编程方式将我自己的自定义类的实例与“名称”的一个属性添加到列表框中,并且列表框将显示每个元素在UI中作为其名称,而不是“MyNamespace.CustomClass”。

我读过关于DataContexts和DataBinding以及DataTemplates的模糊内容,但我想知道我能做的绝对最小值,最好是尽可能少的XAML - 我发现它相当令人费解。

谢谢!

1 个答案:

答案 0 :(得分:3)

我知道你想要避免绑定,但无论如何我都会把它扔出去。尽量不要害怕XAML,开始时有点疯狂但是一旦你习惯了所有的{绑定}它实际上非常明显,将一个列表框绑定到代码后面的集合的简单例子会有所改变像这样。

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        DataContext="{Binding RelativeSource={RelativeSource Self}}"
        Title="MainWindow" Height="350" Width="525">
    <ListBox ItemsSource="{Binding Items}">
        <ListBox.ItemTemplate>
            <DataTemplate>
                <TextBlock Text="{Binding Name}"/>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>
</Window>

Window中的DataContext属性告诉它默认情况下绑定的位置(在本例中是窗口),数据模板告诉列表框如何显示集合中找到的每个项目。

using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace WpfApplication1
{
    public class MyClass
    {
        public string Name { get; set; }
    }

    public partial class MainWindow : Window
    {
        public ObservableCollection<MyClass> Items
        {
            get { return (ObservableCollection<MyClass>)GetValue(ItemsProperty); }
            set { SetValue(ItemsProperty, value); }
        }
        public static readonly DependencyProperty ItemsProperty =
            DependencyProperty.Register("Items", typeof(ObservableCollection<MyClass>), typeof(MainWindow), new PropertyMetadata(null));

        public MainWindow()
        {
            InitializeComponent();

            Items = new ObservableCollection<MyClass>();
            Items.Add(new MyClass() { Name = "Item1" });
            Items.Add(new MyClass() { Name = "Item2" });
            Items.Add(new MyClass() { Name = "Item3" });
            Items.Add(new MyClass() { Name = "Item4" });
            Items.Add(new MyClass() { Name = "Item5" });
        }
    }
}

当粘贴到Visual Studio中时,上面的代码应该显示这个。 enter image description here