绑定有三种绑定模式,绑定也分UI到UI的绑定和自定义数据源到UI的绑定。
.CS代码:
其中自定义数据源到UI的绑定是比较复杂的。如果我们利用数据上下文DataContext来绑定数据,当我们改变数据源
数据时,会发现绑定目标UI上对应的数据并没有发生改变,按理来说采用的是默认绑定OneWay模式,数据源的更改
应该会导致界面UI的目标属性发生修改。
这是为什么呢?因为具体的数据源属性并没有实现更改通知,数据源数据更改了但是无法通知到目标UI上,通俗点来
讲就是,数据源你自顾自的改动,你不通知一下作为UI的我,我哪里知道你改动了,我不知道那我就自己不改动喽。
当然一个问题出现,总会有解决方案的。现在亟待解决的问题就是如何能检测到数据源的更改,必须给数据源实现一
种合适的属性更改通知机制。
解决方案:数据源必须实现INotifyPropertyChanged接口,此接口中具有PropertyChanged事件,该事件通知绑定
引擎源已更改,以便绑定引擎可以更新目标值。如果要实现此接口,需要声明PropertyChanged事件并创建
OnPropertyChanged方法。对于每个需要更改通知的属性,只要是进行了更新,都需要调用OnPropertyChanged
方法。
示例代码如下:
XAML代码:
<Page
x:Class="App1.DataBindDemo"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:App1"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<Grid>
<TextBlock Text="{Binding Test}" FontSize="25" HorizontalAlignment="Center"/>
<Button x:Name="change" HorizontalAlignment="Center" Width="300" Content="更改数据源数据" Click="change_Click"/>
</Grid>
</Page>
.CS代码:
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.IO;
using System.Linq;
using System.Runtime.InteropServices.WindowsRuntime;
using Windows.Foundation;
using Windows.Foundation.Collections;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Controls.Primitives;
using Windows.UI.Xaml.Data;
using Windows.UI.Xaml.Input;
using Windows.UI.Xaml.Media;
using Windows.UI.Xaml.Navigation;
// “空白页”项模板在 http://go.microsoft.com/fwlink/?LinkID=390556 上有介绍
namespace App1
{
/// <summary>
/// 可用于自身或导航至 Frame 内部的空白页。
/// </summary>
public sealed partial class DataBindDemo : Page
{
public class TestData:INotifyPropertyChanged
{
private string test;
public string Test
{
get { return test; }
set
{
test = value;
OnPropertyChanged("Test");
}
}
public event PropertyChangedEventHandler PropertyChanged;
protected void OnPropertyChanged(string name)
{
PropertyChangedEventHandler handler = PropertyChanged;
if(handler!=null)
{
handler(this, new PropertyChangedEventArgs(name));
}
}
}
TestData testData = new TestData() { Test="看,这就是DataContext绑定的数据!"};
public DataBindDemo()
{
this.InitializeComponent();
this.DataContext = testData;
}
/// <summary>
/// 在此页将要在 Frame 中显示时进行调用。
/// </summary>
/// <param name="e">描述如何访问此页的事件数据。
/// 此参数通常用于配置页。</param>
protected override void OnNavigatedTo(NavigationEventArgs e)
{
}
private void change_Click(object sender, RoutedEventArgs e)
{
testData.Test = "看,这是新的绑定数据!";
}
}
}