1、项目建构
2、自定义命令
namespace WpfDemo.Base
{public class MyCommand : ICommand{Action executeAction;public MyCommand(Action action){executeAction = action;}public event EventHandler? CanExecuteChanged;public bool CanExecute(object? parameter){return true;}public void Execute(object? parameter){executeAction();}}
}
3、属性改变
namespace WpfDemo.Base
{public class ViewModelBase : INotifyPropertyChanged{public event PropertyChangedEventHandler? PropertyChanged;public void OnPropertyChanged([CallerMemberName] string propertyName = ""){PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));}}
}
4、界面
<Window x:Class="WpfDemo.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:WpfDemo"mc:Ignorable="d"Title="MainWindow" Height="450" Width="800"><StackPanel><TextBox Height="30" Margin="5" Text="{Binding InputContent}"/><TextBox Height="30" Margin="5" Text="{Binding OutputContent}"/><Button Height="30" Width="75" Content="Button" Command="{Binding ShowCommand}"/></StackPanel>
</Window>
5、后台代码
namespace WpfDemo
{/// <summary>/// Interaction logic for MainWindow.xaml/// </summary>public partial class MainWindow : Window{public MainWindow(){InitializeComponent();this.DataContext = new MainViewModel();}}
}
6、ViewModel代码
namespace WpfDemo.ViewModels
{public class MainViewModel:ViewModelBase{public MainViewModel(){ShowCommand = new MyCommand(Show);}private string? inputContent;public string? InputContent{get { return inputContent; }set { inputContent = value; OnPropertyChanged(); }}private string? outputContent;public string? OutputContent{get { return outputContent; }set { outputContent = value; OnPropertyChanged(); }}public MyCommand ShowCommand { get; set; }public void Show(){OutputContent = InputContent;MessageBox.Show("It is blue sky!");}}
}