如何將 XAML 元素捕獲的事件綁定到 C# 中任意 class 中的方法？

Question

我是 C# 新手，正在嘗試構建一個簡單的 MVVM 應用程序，但我無法將 XAML 視圖中的事件綁定到 Model 或 ViewModel 中的方法。 我理解為什么使用 MVVM，並且感覺我對如何將 MVVM 應用程序放在一起有了大致的了解，但我迷失在細節中。 如果看起來我不知道自己在做什么，我會提前道歉，但我不知道，盡管閱讀了很多關於這個主題的文章。

我希望在單擊按鈕時執行 MainScreenViewModel 中的 btnUpdate_Click，但出現錯誤

MC6005 Click="vm:btnUpdate_Click" 無效。 “vm:btnUpdate_Click”不是有效的事件處理程序方法名稱。 只有生成或代碼隱藏 class 上的實例方法才有效。

如果我的類是公共的並且在同一個命名空間中，我需要做什么才能使它們在我的視圖中可見？ 我不想將方法移回 MainWindow class。

<Window x:Class="SFM_Calculator.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:SFM_Calculator"
    xmlns:vm="MainScreenViewModel"
    mc:Ignorable="d"
    Title="MainWindow" Height="450" Width="800"
    >
    <Window.DataContext>
        <local:SFMModel />
    </Window.DataContext>
    <Grid>
        <Grid.ColumnDefinitions>
            ...
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
            ...
        </Grid.RowDefinitions>
            ...
        <Button
            Grid.Column="1"
            Grid.Row="2"
            x:Name="btnUpdate"
            Content="Update"
            Click="vm:btnUpdate_Click"
            />
    </Grid>
</Window>

using System;
using System.Collections.Generic;
using System.Diagnostics;
using System.Text;
using System.Linq;
using System.ComponentModel;

namespace SFM_Calculator
{
    public class MainScreenViewModel : INotifyPropertyChanged
    {
        private void btnUpdate_Click(object sender, System.Windows.RoutedEventArgs e)
        {
            TestInt = 999;
        }
    
        public event PropertyChangedEventHandler PropertyChanged;
        protected virtual void RaisePropertyChanged(string propertyName)
        {
            PropertyChangedEventHandler handler = PropertyChanged;
            if (handler != null)
            {
                var e = new PropertyChangedEventArgs(propertyName);
                handler(this, e);
            }
        }
    
        public SFMModel sfmModel = new SFMModel();

        private int _testInt;

        public int TestInt
        {
            get { return _testInt; }
            set { _testInt = value; }
        }

        public MainScreenViewModel()
        {                        
            Debug.WriteLine("Got here.");
        }
    }
}

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Linq;
using System.Text;

namespace SFM_Calculator
{
    public class SFMModel : INotifyPropertyChanged
    {
        private int _tprop;

        public int TProp
        {
            get { return _tprop; }
            set { _tprop = value; }
        }

        public SFMModel ()
        {
            TProp = 69;
        }

        public event PropertyChangedEventHandler PropertyChanged;
    }
}

using System;
using System.Collections.Generic;
using System.Diagnostics;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
using System.Configuration;

namespace SFM_Calculator
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }
    }
}

Answer 1

您的 viewModel 應該公開命令，而不是方法。 另外，您應該通過綁定機制訪問公開的命令。

實現所需 ICommand 接口的示例命令

internal class Command : ICommand
{
    private readonly Action execute;

    public Command(Action execute)
    {
        this.execute = execute;
    }
    public event EventHandler? CanExecuteChanged;

    public bool CanExecute(object? parameter)
    {
        return true;
    }

    public void Execute(object? parameter)
    {
        execute();
    }
}

公開 ICommand 的示例 ViewModel（不是您示例中的常規方法）。 單擊按鈕后它將更改 Text 屬性的值 - 只是為了表明它有效。

internal class ViewModel : INotifyPropertyChanged
{
    public string Text { get; private set; }
    public ICommand AwesomeCommand { get; }

    public ViewModel()
    {
        AwesomeCommand = new Command(() => { 
            Text = "Button clicked"; 
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(nameof(Text))); 
        });
    }
    public event PropertyChangedEventHandler? PropertyChanged;
}

主窗口：

<StackPanel>
    <Button Command="{Binding AwesomeCommand}"></Button>
    <Label Content="{Binding Text}" Height="100"></Label>
</StackPanel>

MainWindow 的代碼隱藏，連接 ViewModel 和視圖 (MainWindow)：

public MainWindow()
{
   DataContext = new ViewModel();
   InitializeComponent();
}