C# WPF MVVM框架搭建

最新推荐文章于 2024-06-13 14:50:45 发布
最新推荐文章于 2024-06-13 14:50:45 发布
阅读量2.3w 收藏 96
点赞数 10
分类专栏： C# MVVM 文章标签： WPF WPF MVVM C#
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36282233/article/details/83090681
版权

至于啥是MVVM在此不再赘述,可以参考这位大神写的博客 : http://www.cnblogs.com/durow/p/4853729.html

在此只是搭建一个简单的框架, 仅供学习参考, 欢迎转载. 如有任何问题,意见或建议欢迎随时批评指正.

如有侵权请及时联系删除,谢谢.

包含的基础类参考如下截图,具体类的作用我会随着代码展开做简短的解释.

类图参考:

首先我创建了三个文件夹进行管理,分别为Controller(绑定的属性管理,命令管理),Model(绑定的属性)和View(UI).

各基础类原码:

BaseController.cs   (各Controller的一个基类)  ↓

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

namespace MVVM.App.Control
{
    public class BaseController
    {
        public BaseController(CNotifyPropertyChange model)
        {
            m_model = model;
        }
        private CNotifyPropertyChange m_model = null;
        public CNotifyPropertyChange Model
        {
            get { return m_model; }
        }
    }
}

DelegateCommand.cs  (命令绑定实现类) ↓

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Input;

namespace MVVM.App.Control
{
    #pragma warning disable 0067
    public class DelegateCommand : ICommand
    {
        public Func<object, bool> canExecute;
        public Action<object> executeAction;
        public bool canExecuteCache;

        public DelegateCommand()
        {
           
        }

        public bool CanExecute(object parameter)
        {
            if (null != parameter)
            {
                Type type = parameter.GetType();
                if ("System.Windows.Controls.Slider" == type.ToString())
                {
                    System.Windows.Controls.Slider slider = (System.Windows.Controls.Slider)parameter;
                    if (slider.IsMouseCaptureWithin || slider.IsKeyboardFocusWithin)
                    {
                        return true;
                    }
                    else
                    {
                        return false;
                    }
                }
            }

            return true;

        }
        public event EventHandler CanExecuteChanged;
      
        public void Execute(object parameter)
        {
            executeAction(parameter);
        }


       
    }
}

CNotifyPropertyChange.cs  (主要封装了绑定的属性改变时的通知函数) ↓

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

namespace MVVM.App.Control
{
    public class CNotifyPropertyChange : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;
        public void NotifyPropertyChange(string propertyName)
        {
            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(propertyName));

            }
        }
    }
}

除了上述基类或同一管理的类,下面就是具体的实现类了:

我在UI上拖了一个Button

<Button Content="Button" HorizontalAlignment="Left" Margin="246,59,0,0" VerticalAlignment="Top" Width="75" Background="AliceBlue"/>

如何将这个Button的某些属性和命令通过MVVM实现呢?

首先我前台的数据绑定在后台的哪个地方? -> 此框架中所有数据都在ViewModel.cs中进行管理,因此要将窗口的DataContext设置到类ViewModel的实例化中,参考以下代码:

UserInterface.xaml.cs    ↓

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 MVVM.App.TM
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class UserInterface : Window
    {
        private ViewModel m_viewModel = null;
        public UserInterface()
        {
            m_viewModel = new ViewModel();
            this.DataContext = m_viewModel;
            InitializeComponent();
        }
    }
}

ViewModel中可以自己实现绑定的属性,但是为了管理方便,在此我聚合了一个UIModel, 这样做的好处是大型的项目中UI经常分为好几个模块进行管理,也就是多个Model. 每个Model应该有个Controller进行属性的管理, Controller也应该聚合在ViewModel中.

ViewModel.cs   ↓

using System;
using System.Collections.Generic;
using System.Text;
using System.Windows.Controls;
using System.Collections.ObjectModel;
using MVVM.App.Control;

namespace MVVM.App.TM
{
    
    class ViewModel : CNotifyPropertyChange
    {
        public UIModel m_UIModel { get; set; }
        public UIController m_UIController { get; set; }

        public ViewModel()
        {
            try
            {
                m_UIModel = new UIModel();
                if (m_UIController == null)
                {
                    m_UIController = new UIController(m_UIModel);
                }
            }
            catch (Exception ex)
            {

            }
        }
    }
}

我想要通过MVVM模式改变这个Button的Content, 需要将Content="Button"改为Content="{Binding m_UIModel.strContext,UpdateSourceTrigger=PropertyChanged}"

strContext是啥呢?就是我要这个Button的Content绑定的字符串

UpdateSourceTrigger=PropertyChanged啥意思呢?就是当这个字符串改变时麻烦让这个函数通知下UI

<Button Content="{Binding m_UIModel.strContext,UpdateSourceTrigger=PropertyChanged}" HorizontalAlignment="Left" Margin="246,59,0,0" VerticalAlignment="Top" Width="75" Background="AliceBlue" />

OK,那UIModel应该怎么写呢?很简单搞两个字符串,一个对内一个对外,注意当外部让这个字符串改变时别忘了调用this.NotifyPropertyChange("strContext")这个函数,每次改变都会去前台找谁绑定了"strContext",然后做出改变

UIModel.cs   ↓

using MVVM.App.Control;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace MVVM.App.TM
{
    class UIModel : CNotifyPropertyChange
    {
        public UIModel()
        {

        }

        private string m_strContext;
        public string strContext
        {
            get { return m_strContext; }
            set
            {
                m_strContext = value;
                this.NotifyPropertyChange("strContext");
            }
        }
    }
}

OK,那strContext在哪里管理呢?当然是类UIController里面了

比如说我设置一个初始值,点开窗口Button的Content为"Hello",Controller里面在构造函数里面控制一下就行了:

UIController.cs  ↓

using MVVM.App.Control;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace MVVM.App.TM
{
    class UIController : BaseController
    {
        public UIController(CNotifyPropertyChange model) : base(model)
        {
            ((UIModel)(this.Model)).strContext = "Hello";
        }

    }
}

好,这个时候一个属性绑定已经完成了,运行结果如下:

好,接着搞,我想点击这个Button后让这个Button的Content变成WPF,再点击又变成Hello......

这个时候就用到命令绑定了

需要在Button的Grid里面加上这么一段话:Command="{Binding m_UIController.btn_Clicked}"   ↓

<Button Content="{Binding m_UIModel.strContext,UpdateSourceTrigger=PropertyChanged}" HorizontalAlignment="Left" Margin="246,59,0,0" VerticalAlignment="Top" Width="75" Background="AliceBlue" Command="{Binding m_UIController.btn_Clicked}"/>

btn_Clicked是一个命令,实际就是DelegateCommand,继承于ICommand

btn_Clicked直接在UIController里面实现就可以了,因此添加如下代码:

UIController.cs  ↓

using MVVM.App.Control;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace MVVM.App.TM
{
    class UIController : BaseController
    {
        public DelegateCommand btn_Clicked { get; set; }
        public UIController(CNotifyPropertyChange model) : base(model)
        {
            btn_Clicked = new DelegateCommand();
            btn_Clicked.executeAction = new Action<object>(btnClicked);
            ((UIModel)(this.Model)).strContext = "Hello";
        }
        private void btnClicked(object obj)
        {
            if ("Hello" == ((UIModel)(this.Model)).strContext)
            {
                ((UIModel)(this.Model)).strContext = "WPF";
            }
            else
            {
                ((UIModel)(this.Model)).strContext = "Hello";
            }
        }
    }
}

好,最终效果如下(Sorry,鼠标的轨迹和点击没有被录制上去,但是不影响效果^-^):

Gif

 

 

Jon__Wang
关注
  • 10
    点赞
  • 踩
  • 96
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
C# WPF MVVM模式[经典]案例
weixin_66935564的博客
02-19 580
Caliburn.Micro(简称CM)一经推出便备受推崇，作为一款MVVM开发模式的经典框架，越来越多的受到wpf开发者的青睐.我们看一下官方的描述：Caliburn是一个为Xaml平台设计的小型但功能强大的框架。目前CM框架还不不停的开发和迭代中，目前最新版本4.0.212，推出于2022年8月27日，已经可以支持.NET7。① 首先是HelloWorld讲解，这里启动代码：Startup.CS。放置数据模型，即mvvm中的M；HelloWorld.ViewModels：模型视图，即VM;
winform上的mvvm框架--升级版（动态代理）
08-29
在本文中，我们将深入探讨如何在WinForm应用中利用MVVM框架，并且通过引入Castle动态代理来提升效率和代码复用性。标题“winform上的mvvm框架--升级版（动态代理）”揭示了我们将在WinForm环境中实现一个基于MVVM...
适用于初学者的MVVM框架
07-30
适用于初学者的MVVM框架，带导航，页面跳转等。 Dialog Popup WPF C#
WPF 使用MVVM框架创建一个项目
weixin_43259472的博客
09-05 1639
WPF 使用MVVM框架创建一个项目
WPF/C#：理解与实现WPF中的MVVM模式
mingupup的博客
05-28 1100
本文介绍了WPF中的MVVM模式，希望对正在学习WPF中的MVVM模式的同学有所帮助。
C# 浅谈基于Wpf下的MVVM模式的设计思想
morliz的博客
12-14 4887
仅对Wpf浅谈及了MVVM的一种设计思想的实现，仍还需再提炼细化它的价值空间。
基于C#WPF和MVVMLight框架的上位机设计，实时显示报警信息与趋势图，自动保存生产数据到数据库，并实现伺服和手动IO控制
CHJTCXKeRC的博客
04-10 1121
文章首先介绍了C# WPF语言和MVVMLight框架的概念和特点，然后深入分析了与西门子PLC通讯的实时显示报警信息、实时趋势图显示以及生产数据自动保存到数据库的实现方法，最后介绍了该技术在伺服控制和手动IO控制方面的应用。通过本文的阐述，读者可以全面了解采用C# WPF语言设计的上位机与西门子PLC通讯技术的原理和实现过程，为相关技术的研究和应用提供参考。上位机与西门子PLC通讯还可以实现实时趋势图显示的功能，通过与PLC进行数据交互，上位机能够获取到PLC中的实时数据，并将其以趋势图的形式展示出来。
C# WPF入门学习主线篇（三十一）—— MVVM模式简介
最新发布
weixin_56595425的博客
06-13 1009
MVVM模式是WPF开发中的一种重要架构模式，通过将用户界面（View）与业务逻辑和数据（Model）分离，提高了代码的可维护性和可测试性。本文介绍了MVVM模式的基本概念、组件及其交互方式，并通过一个简单的示例演示了如何在WPF应用程序中实现MVVM模式。
C#学习笔记-WPF之MVVM框架
云淡风气半浮生
09-30 3294
1、定义 MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。 M:Model（模型）数据模型，用来存储数据 V:View（UI界面） VM:View（ViewModel） 2、设计一个简单的MVVM模型 2.1基础类（继承INotifyPropertyChanged） 当数据属性发生变化时，使UI界面能同步...
MVVM的个人理解（c#）
zs2382的专栏
12-07 565
mvvm的整体思路
MVVM模式(C# WPF DataGrid实例及其代码)
Arise007的博客
03-20 2337
MVVM模式(C# WPF DataGrid实例及其代码)
C#WPF音乐、视频播放器
05-11
《C# WPF音乐、视频播放器：构建多媒体应用程序的深度探索》 在现代软件开发领域，C#作为Microsoft .NET框架的主要编程语言，广泛应用于各种应用程序的开发，包括桌面应用。WPF（Windows Presentation Foundation）...
Accounting:通过桌面应用程序项目学习WPF MVVM，API，EF
03-31
在这个名为"Accounting"的项目中，我们主要探讨的是如何使用C#编程语言来构建一个桌面应用程序，重点在于掌握Windows Presentation Foundation（WPF）框架，Model-View-ViewModel（MVVM）设计模式，以及Entity ...
一个简单的WPF系统框架
10-12
总的来说，"一个简单的WPF系统框架"使用了MVVM模式，这有助于创建易于测试、扩展和维护的代码结构。通过合理组织代码，开发者可以专注于各自领域的开发，提高团队协作效率，同时提供用户友好的界面和高效的业务逻辑...
WPF项目实例-MVVM,wpf项目实例pdf,C#
09-10
在实际项目中，可以借助一些流行的MVVM框架，如MVVMLight、Caliburn.Micro或Prism，它们为MVVM提供了更便捷的实现方式，如自动注入、消息传递机制等。这些框架可以帮助开发者快速搭建应用，同时保持代码的整洁和可...
MVVM设计模式
这个Bug怎么解啊？
12-01 723
MVVM设计模式、数据双向绑定、优点
C#语法——消息，MVVM的核心技术。
weixin_30470857的博客
08-15 165
在C#中消息有两个指向，一个指向Message，一个指向INotify。这里主要讲INotify。 INotify也有人称之为[通知]，不管叫消息还是通知，都是一个意思，就是传递信息。 消息的定义 INotify消息其实是一个接口，接口名叫INotifyPropertyChanged。接口定义如下： //向客户端发出某一属性值已更改的通知。 public interface IN...
C# WPF MVVM项目实战(进阶②)
zls365365的博客
08-05 443
这篇文章还是在之前用Caliburn.Micro搭建好的框架上继续做的开发，今天主要是增加了一个用户窗体ImageProcessView，然后通过Treeview切换选择项之后在...
wpf mvvm框架搭建 工程事例
06-06
好的，下面是一个简单的 WPF MVVM 框架搭建的工程事例： 1. 创建一个 WPF 应用程序项目。 2. 在项目中添加一个名为 Models 的文件夹，并在其中添加一个名为 Student.cs 的类，该类包含学生的姓名和年龄属性： ```csharp namespace WpfMvvmDemo.Models { public class Student { public string Name { get; set; } public int Age { get; set; } } } ``` 3. 在项目中添加一个名为 ViewModels 的文件夹，并在其中添加一个名为 MainViewModel.cs 的类，该类包含一个名为 Students 的可观察集合属性，用于存储学生对象，并在构造函数中初始化该集合： ```csharp using System.Collections.ObjectModel; using WpfMvvmDemo.Models; namespace WpfMvvmDemo.ViewModels { public class MainViewModel { public ObservableCollection<Student> Students { get; set; } public MainViewModel() { Students = new ObservableCollection<Student> { new Student { Name = "张三", Age = 18 }, new Student { Name = "李四", Age = 19 }, new Student { Name = "王五", Age = 20 } }; } } } ``` 4. 在项目中添加一个名为 Views 的文件夹，并在其中添加一个名为 MainWindow.xaml 的窗口。 5. 在 MainWindow.xaml 中，将窗口的 DataContext 属性设置为 MainViewModel 的实例，并使用 ItemsControl 控件绑定到 MainViewModel 中的 Students 属性： ```xaml <Window x:Class="WpfMvvmDemo.Views.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:WpfMvvmDemo.Views" xmlns:viewModel="clr-namespace:WpfMvvmDemo.ViewModels" mc:Ignorable="d" Title="MainWindow" Height="450" Width="800"> <Window.DataContext> <viewModel:MainViewModel /> </Window.DataContext> <Grid> <ItemsControl ItemsSource="{Binding Students}"> <ItemsControl.ItemTemplate> <DataTemplate> <StackPanel Orientation="Horizontal"> <TextBlock Text="{Binding Name}" Margin="5" /> <TextBlock Text="{Binding Age}" Margin="5" /> </StackPanel> </DataTemplate> </ItemsControl.ItemTemplate> </ItemsControl> </Grid> </Window> ``` 6. 运行项目，可以看到窗口中显示了三个学生的姓名和年龄。 这就是一个简单的 WPF MVVM 框架搭建的工程事例。当然，这只是一个最基础的框架，实际开发中还需要考虑很多其他方面的问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值