2

我是 WPF 的新手,正在尝试了解如何使用数据绑定将窗口上的控件绑定到后面代码中的对象。我看到了几个关于从代码隐藏中访问 XAML 对象的问题,但这不是我想要的。我已经知道该怎么做。

label1.Content = LabelText;
listbox1.ItemsSource = ListItems;

我还看到了有关如何从 XAML 访问代码隐藏中的类的答案。

<local:MyClass x:Key="myClass" />

但我不知道如何将其应用于类的特定实例。这是我正在尝试做的一个例子。“绑定”显然是不正确的。这就是我需要帮助的地方。

public partial class MainWindow : Window
{
    private string _labelText;
    private List<string> _listItems = new List<string>();

    public MainWindow()
    {
        InitializeComponent();

        _labelText = "Binding";
        _listItems.Add("To");
        _listItems.Add("An");
        _listItems.Add("Object");
    }

    public string LabelText
    {
        get { return _labelText; }
        set { _labelText = value; }
    }

    public List<string> ListItems
    {
        get { return _listItems; }
        set { _listItems = value; }
    }
}

<Window x:Class="SO_Demo.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="SO Demo" Height="160" Width="225">
  <Grid DataContext="MainWindow">
    <Label x:Name="label1" Width="80" Height="25" Margin="12,12,0,0" 
           Content="{Binding Path=LabelText}"
           HorizontalAlignment="Left" VerticalAlignment="Top" />
    <ListBox x:Name="listbox1" Width="100" Height="60" Margin="12,44,0,0" 
             ItemsSource="{Binding Path=ListItems}" DisplayMemberPath="ListItems"
             HorizontalAlignment="Left" VerticalAlignment="Top" />
  </Grid>
</Window>

我读过的书籍和教程听起来应该很简单。我错过了什么?

4

2 回答 2

4

虽然您可以DataBind按照您尝试的方式直接上课,但这并不是通常的做法。推荐的方法是创建一个对象 (ViewModel),该对象聚合您希望在 UI 中显示的所有模型数据,然后将该 ViewModel 设置DataContext为您的视图(在本例中为窗口)。我建议阅读 MVVM,这是大多数 WPF 应用程序的构建方式。但是下面的示例可以帮助您入门。

这是一个基于上述示例的简单示例:

视图模型

public class MyViewModel : INotifyPropertyChanged
{
    private string _title;
    private ObservableCollection<string> _items;

    public string LabelText
    { 
        get { return _title; } 
        set 
        { 
            _title = value;
            this.RaisePropertyChanged("Title");
        }
    }

    public ObservableCollection<string> ListItems { 
        get { return _items; }
        set 
        { 
            _items = value;   //Not the best way to populate your "items", but this is just for demonstration purposes.
            this.RaisePropertyChanged("ListItems");
        }
    }

    //Implementation of INotifyPropertyChanged
    public event PropertyChangedEventHandler PropertyChanged;

    protected void RaisePropertyChanged(string propertyName)
    {
        if (PropertyChanged != null)
        PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
    }

}

代码隐藏

public partial class MainWindow : Window
{
    private MyViewModel _viewModel;

    public MainWindow()
    {
        InitializeComponent();
        _viewModel = new MyViewModel();

        //Initialize view model with data...

        this.DataContext = _viewModel;
    }
}

视图(窗口)

<Window x:Class="SO_Demo.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="SO Demo" Height="160" Width="225">
  <Grid>
    <Label x:Name="label1" Width="80" Height="25" Margin="12,12,0,0"               Content="{Binding Path=LabelText}"
           HorizontalAlignment="Left" VerticalAlignment="Top" />
    <ListBox x:Name="listbox1" Width="100" Height="60" Margin="12,44,0,0" 
             ItemsSource="{Binding Path=ListItems}"
             HorizontalAlignment="Left" VerticalAlignment="Top" />
  </Grid>
</Window>
于 2013-03-04T22:13:12.837 回答
3

<Grid DataContext="MainWindow">是无效的。

如果要引用该窗口,则必须:

<Window x:Name="MyWindow">
   <Grid DataContext="{Binding ElementName=MyWindow}"/>
</Window>

或者

<Grid DataContext="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Window}}}"/>
于 2013-03-04T21:55:37.023 回答