WPF MVVMToolkit框架学习-ObservableObject

今天学习 ObservableObject的 三种绑定方式

1. 普通属性的绑定

和常用的绑定没有区别；

        private string _name;

        public string Name
        {
            get => _name;
            set => SetProperty(ref _name, value);
        }

源码

        protected bool SetProperty<T>([NotNullIfNotNull("newValue")] ref T field, T newValue, [CallerMemberName] string? propertyName = null)
        {
            if (EqualityComparer<T>.Default.Equals(field, newValue))
            {
                return false;
            }

            OnPropertyChanging(propertyName);
            field = newValue;
            OnPropertyChanged(propertyName);
            return true;
        }

可以看到是先判定了是否相等然后再通知！

 

1. 数据代理属性的绑定

    public class User
    {
        public int Age { get; set; }
    }

        private User _user;

        public int Age
        {
            get => _user.Age;
            set => SetProperty(_user.Age, value, _user, (u, a) => u.Age = a);
        }

可以看到 VM里面的属性包装了数据代理模型，通过委托来更新数据代理的数据；

源码

        protected bool SetProperty<TModel, T>(T oldValue, T newValue, TModel model, Action<TModel, T> callback, [CallerMemberName] string? propertyName = null) where TModel : class
        {
            if (EqualityComparer<T>.Default.Equals(oldValue, newValue))
            {
                return false;
            }

            OnPropertyChanging(propertyName);
            callback(model, newValue);
            OnPropertyChanged(propertyName);
            return true;
        }

 

1. Task属性的绑定

        private TaskNotifier<int> _count;
        /// <summary>
        /// 任务属性绑定
        /// </summary>
        public Task<int> Count
        {
            get => _count;
            set => SetPropertyAndNotifyOnCompletion(ref _count, value);
        }
        public ICommand RequestValueCmd { get; set; }

        private async void RequestValue()
        {
            await Task.Delay(5000);
            Count = Task.Run(() =>
            {
                return 50;
            });
        }

可以实现任务完成后自动刷新UI

 源码

        protected bool SetPropertyAndNotifyOnCompletion([NotNull] ref TaskNotifier? taskNotifier, Task? newValue, [CallerMemberName] string? propertyName = null)
        {
            return SetPropertyAndNotifyOnCompletion(taskNotifier ?? (taskNotifier = new TaskNotifier()), newValue, delegate
            {
            }, propertyName);
        }

 

后台代码

using Microsoft.Toolkit.Mvvm.ComponentModel;
using Microsoft.Toolkit.Mvvm.Input;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Input;

namespace MVVMToolkit学习
{
    public class ObservableObjectVM : ObservableObject
    {


        #region 普通属性绑定
        private string _name;

        public string Name
        {
            get => _name;
            set => SetProperty(ref _name, value);
        }
        #endregion

        #region 数据代理绑定
        private User _user;

        public int Age
        {
            get => _user.Age;
            set => SetProperty(_user.Age, value, _user, (u, a) => u.Age = a);
        }

        #endregion



        public ObservableObjectVM()
        {
            Name = "啸天";
            _user = new User();
            _user.Age = 18;
            RequestValueCmd = new RelayCommand(RequestValue);
        }


        #region 绑定任务属性 
        private TaskNotifier<int> _count;
        /// <summary>
        /// 任务属性绑定
        /// </summary>
        public Task<int> Count
        {
            get => _count;
            set => SetPropertyAndNotifyOnCompletion(ref _count, value);
        }
        public ICommand RequestValueCmd { get; set; }

        private async void RequestValue()
        {
            await Task.Delay(5000);
            Count = Task.Run(() =>
            {
                return 50;
            });
        }
        #endregion
    }

    public class User
    {
        public int Age { get; set; }
    }
}

前台代码

<Window
    x:Class="MVVMToolkit学习.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:local="clr-namespace:MVVMToolkit学习"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    Title="MainWindow"
    Width="800"
    Height="450"
    d:DataContext="{d:DesignInstance Type=local:ObservableObjectVM}"
    mc:Ignorable="d">
    <Grid>
        <StackPanel
            MinWidth="300"
            HorizontalAlignment="Center"
            Orientation="Vertical">
            <TextBlock Text="{Binding Name}" />
            <TextBox Text="{Binding Age}" />
            <TextBlock Text="{Binding Count.Result, UpdateSourceTrigger=PropertyChanged}" />
            <Button
                Command="{Binding RequestValueCmd}"
                Content="延时绑定" />
        </StackPanel>
    </Grid>
</Window>