概述：MVVM是一種在WPF開發中廣泛應用的設計模式，通過將應用程式分為模型、視圖、和視圖模型，實現瞭解耦、提高可維護性的目標。典型應用示例展示瞭如何通過XAML、ViewModel和數據綁定創建清晰、可測試的用戶界面。

什麼是MVVM？

MVVM（Model-View-ViewModel）是一種用於構建用戶界面的軟體設計模式，它將應用程式分為三個核心組件：模型（Model）、視圖（View）和視圖模型（ViewModel）。MVVM的目標是實現界面邏輯與用戶界面的分離，提高代碼的可維護性和可測試性。

為什麼要用MVVM？

MVVM帶來了以下優點：

1. 鬆散耦合： 模型、視圖、和視圖模型相互獨立，降低了各個組件之間的耦合度。
2. 可維護性： 分離關註點使得代碼更易於理解和維護。
3. 可測試性： 視圖模型可以方便地進行單元測試，無需依賴具體的UI元素。

MVVM應用實例：

1.創建模型（Model）：定義數據模型。

public class PersonModel
{
    public string FirstName { get; set; }
    public string LastName { get; set; }
}

2.創建視圖模型（ViewModel）：實現業務邏輯和與視圖相關的命令。

public class PersonViewModel : INotifyPropertyChanged
{
    private PersonModel _person;

    public PersonViewModel()
    {
        _person = new PersonModel();
    }

    public string FirstName
    {
        get { return _person.FirstName; }
        set
        {
            if (_person.FirstName != value)
            {
                _person.FirstName = value;
                OnPropertyChanged(nameof(FirstName));
            }
        }
    }

    public string LastName
    {
        get { return _person.LastName; }
        set
        {
            if (_person.LastName != value)
            {
                _person.LastName = value;
                OnPropertyChanged(nameof(LastName));
            }
        }
    }

    // INotifyPropertyChanged實現省略...

    private void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }

    public event PropertyChangedEventHandler PropertyChanged;
}

3.創建視圖（View）：利用XAML定義用戶界面。

<Window x:Class="MVVMSample.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:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:MVVMSample"
        mc:Ignorable="d"
        Title="MainWindow" Height="200" Width="300">
    <Grid>
        <StackPanel Margin="10">
            <TextBox Text="{Binding FirstName}" Margin="0 0 0 5"/>
            <TextBox Text="{Binding LastName}" Margin="0 0 0 5"/>
            <Button Content="Submit" Command="{Binding SubmitCommand}"/>
        </StackPanel>
    </Grid>
</Window>

4.將視圖與視圖模型關聯：在視圖的代碼-behind或XAML中，將DataContext設置為視圖模型的實例。

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();

        // 關聯視圖模型
        DataContext = new PersonViewModel();
    }
}

5.實現提交命令（Command）：在視圖模型中定義和實現命令。

public class PersonViewModel : INotifyPropertyChanged
{
    // 其他代碼省略...

    public ICommand SubmitCommand => new RelayCommand(Submit);

    private void Submit()
    {
        MessageBox.Show($"Submitted: {FirstName} {LastName}");
    }
}

MVVM設計模式通過將應用程式分為模型、視圖和視圖模型，實現瞭解耦和分離關註點的目標。上述實例演示瞭如何在WPF中應用MVVM，通過數據綁定和命令使得界面邏輯更清晰、易於測試和維護。