WPF笔记(1.6 数据绑定)——Hello,WPF!

这个一节都是在讲一个数据绑定的示例。

功用:输入姓和名,点击Add按钮,ListBox增加一条记录,永远是字符串“name: nick”;ListBox原先有3条不同记录,选中ListBox一条记录,两个输入框姓和名相应变化。
技术分析:2个类,一个xaml,一个一个分析。
1)Nickname类, 实体类,提供两个属性Nick和Name,还有一个PropertyChanged事件。实现了INotifyPropertyChanged 接口(从而可以使用PropertyChangedEventArgs事件,在给属性赋值时,激发该事件,通知外界customer——观察者xaml界面相应变化,即数据同步。
2)Nicknames类,实现ObservableCollection<Nickname>接口,类下不再提供自定义的东西,因为实现该接口后,这个类成为了一个Nickname的强类型集合,并且可以将数据的add和remove通知customer,从而数据同步。
注意,INotifyPropertyChanged 适用于单个的类属性,ObservableCollection适用于监视某一堆的数据是否发生变化(add/remove),这是二者的区别。

3)window1.xaml.cs 后台类
提供内部集合names,Nicknames类型。
在构造函数中,先初始化以及绑定button_Click事件,然后实例化names变量,最后绑定names到前台的DockPanel控件:
dockPanel.DataContext = this.names;
DataContext属性设置是关键,感觉和过去的绑定差不多。
Button每按一次,都会在names中加一条同样的数据nick: name

4)window1.xaml 前台

  <DockPanel x:Name="dockPanel">
    
<StackPanel DockPanel.Dock="Top" Orientation="Horizontal">
      
<TextBlock VerticalAlignment="Center">Name: </TextBlock>
      
<TextBox Text="{Binding Path=Name}" />
      
<TextBlock VerticalAlignment="Center">Nick: </TextBlock>
      
<TextBox Text="{Binding Path=Nick}" />
    
</StackPanel>
    
<Button DockPanel.Dock="Bottom" x:Name="addButton">Add</Button>
    
<ListBox
      ItemsSource
="{Binding}"
      IsSynchronizedWithCurrentItem
="True" />
  
</DockPanel>

  可以看到前台具体数据段是怎么绑定的:
<TextBox Text="{Binding Path=Name}" />
<ListBox ItemsSource="{Binding}" IsSynchronizedWithCurrentItem="True" />
IsSynchronizedWithCurrentItem="True"确保了DockPanel中的TextBox 与ListBox 数据是同步的。但是这样子ListBox中的数据得到的都是同样的字符串
namespace.Nickname——同过去的数据绑定机制,缺少模板,要改写成这样:

<ListBox  ItemsSource="{Binding}"  IsSynchronizedWithCurrentItem="True">
  <ListBox.ItemTemplate>
    <DataTemplate>

      <TextBlock>
        <TextBlock TextContent="{Binding Path=Name}" />:
        <TextBlock TextContent="{Binding Path=Nick}" />
      </TextBlock>
    </DataTemplate>
  </ListBox.ItemTemplate>

</ListBox>

 这一节没有讲ListBox中3行初始数据是从哪里以及如何加载的——将在1.8节详细讨论。

补充:

因为<TextBox Text="{Binding Path=Name}" /> 可以改写为
TextBox.Text>
<Binding Path="Name" />
</TextBox.Text>
从而等价于下列后台代码:
Binding binding = new Binding(  );
binding.Path = "Name";
textbox1.Text = binding.ProvideValue(textbox1, TextBox.TextProperty);
posted @ 2007-03-29 22:02  包建强  Views(2030)  Comments(2Edit  收藏  举报