C#与WPF使用mvvm简单案例点击按钮触发弹窗

创建WPF工程文件,以mvvm模式更改页面名称,及创建model类

注意页面的命名以View结尾,模型类以ViewModel结尾

安装 Prism.Core

页面添加一个按钮

XML 复制代码
<Window x:Class="MVVMDemo.Views.MainWindowView"
        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:MVVMDemo"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <Border>
            <Button Content="测试按钮" 
                        Command="{Binding TestCommand}"  
                        CommandParameter="{Binding RelativeSource={RelativeSource AncestorType=Window}}" 
                        Width="90" Height="50" FontSize="20" />
        </Border>
    </Grid>
</Window>

页面后台代码

cs 复制代码
using MVVMDemo.ViewModels;
using System;
using System.Collections.Generic;
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;

namespace MVVMDemo.Views
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindowView : Window
    {
        public MainWindowView()
        {
            InitializeComponent();

            //绑定数据源
            DataContext = new MainWindowViewModel();
        }
    }
}

MainWindowViewModel代码

cs 复制代码
using Prism.Commands;
using Prism.Mvvm;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Input;

namespace MVVMDemo.ViewModels
{
    public class MainWindowViewModel : BindableBase
    {
        //测试按钮命令
        public ICommand TestCommand
        {
            get => new DelegateCommand(Test);
        }

        private void Test()
        {
            MessageBox.Show("有效触发", "测试mvvm");

        }
    }
}

运行效果

相关推荐
踩着两条虫3 小时前
「AI + 低代码」的可视化设计器
开发语言·前端·低代码·设计模式·架构
JoneBB3 小时前
ABAP Webservice连接
运维·开发语言·数据库·学习
即使再小的船也能远航4 小时前
【Python】安装
开发语言·python
Irissgwe4 小时前
类与对象(三)
开发语言·c++·类和对象·友元
雪度娃娃5 小时前
转向现代C++——优先选用nullptr而不是0和NULL
开发语言·c++
萌新小码农‍5 小时前
python装饰器
开发语言·前端·python
KK溜了溜了5 小时前
Python从入门到精通
服务器·开发语言·python
故事和你915 小时前
洛谷-【图论2-1】树5
开发语言·数据结构·c++·算法·动态规划·图论
threelab6 小时前
Three.js 初中数学函数可视化 | 三维可视化 / AI 提示词
开发语言·前端·javascript·人工智能·3d·着色器
rockey6276 小时前
AScript如何实现LINQ语法
sql·c#·.net·linq·script·eval·expression