Windows Phone 8.1中数据绑定之二(绑定数据不变化的解决方案)

Windows Phone 8.1中数据绑定之二(绑定数据不变更的解决方案)
绑定有三种绑定模式，绑定也分UI到UI的绑定和自定义数据源到UI的绑定。

其中自定义数据源到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 = "看，这是新的绑定数据！";
        }
    }
}

Windows Phone 8.1中数据绑定之二(绑定数据不变化的解决方案)

相关推荐