XAML 深入学习 （三） 高级UI开发‌

一、架构与设计模式

MVVM深度解耦‌

数据驱动界面‌：XAML通过声明式绑定（如{Binding Path}）自动同步业务逻辑与UI状态，无需手动更新控件

例子：

MainWindow.xaml

MainWindow.xaml.cs

using System.ComponentModel;
using System.Windows;

namespace DataBindingDemo {
    public partial class MainWindow : Window {
        public MainWindow() {
            InitializeComponent();
            DataContext = new EmployeeViewModel(); // 关键：设置数据上下文
        }
    }

    public class EmployeeViewModel : INotifyPropertyChanged {
        private string _employeeName = "张三";
        private double _salary = 8000;
        private bool _isManager;

        public string EmployeeName {
            get => _employeeName;
            set { _employeeName = value; OnPropertyChanged(); }
        }

        public double Salary {
            get => _salary;
            set { _salary = value; OnPropertyChanged(); }
        }

        public bool IsManager {
            get => _isManager;
            set { _isManager = value; OnPropertyChanged(); }
        }

        public RelayCommand SubmitCommand => new RelayCommand(_ => {
            MessageBox.Show($"已提交: {EmployeeName}, 薪资: {Salary:C2}, 经理: {IsManager}");
        });

        public event PropertyChangedEventHandler PropertyChanged;
        protected void OnPropertyChanged([System.Runtime.CompilerServices.CallerMemberName] string name = null) {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(name));
        }
    }

    public class RelayCommand : System.Windows.Input.ICommand {
        private readonly Action