WPF的分层应用范例(三层架构思想,高内聚低耦合,Mvvm架构)

12 篇文章 2 订阅

学习过程:在WPF学习的过程中,遇到一个1w+多行的WinForm代码需要改写成WPF,我是个WPF菜鸟,代老师向我讲了一个项目中正在使用的架构——MvvmLight。这个架构虽然已经被作者弃用了,但是它已经被广泛应用了多年,并且是轻量级的。菜鸟使用,也不会遇到大问题。资深的WPF选手,一般都会自己写这种架构,代老师就有自己写的架构,有问题,好维护。
首先,需要在NuGet中下载并安装MvvmLightMvvmLight
然后,才是代码范例:
1、MainWindow.xaml代码如下:

<Window x:Class="WpfApp1.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:WpfApp1"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Window.DataContext>
        <local:ViewModel/>
    </Window.DataContext>
    <Grid>
        <Button Content="{Binding Model.SaveContent}" Command="{Binding SaveCommand}" IsEnabled="{Binding SaveIsEnabld}" Width="100" Height="25"/>
    </Grid>
</Window>

1-1、MainWindow.xaml.cs代码不作任何改动(如果有增加任何代码,则有违三层架构思想)

using System.Windows;

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

2、ViewModel.cs代码如下:

using GalaSoft.MvvmLight.Command;
using System.Threading.Tasks;
using System.Windows.Input;

namespace WpfApp1
{
    internal class ViewModel
    {
        public ICommand SaveCommand { get; set; }
        public Model Model { get; set; }
        public ViewModel()
        {
            SaveCommand = new RelayCommand(BtnSave_Click);
            Model = new Model();
        }

        private void BtnSave_Click()
        {
            Model.SaveIsEnable = false;
            /*保存事件主体*/
            Model.SaveIsEnable = true;
            Model.SaveContent = "保存成功";
            new Task(() =>
            {
                System.Threading.Thread.Sleep(500);
                Model.SaveContent = "保存";
            }).Start();
        }
    }
}

3、Model.cs代码如下:

using GalaSoft.MvvmLight;

namespace WpfApp1
{
    internal class Model : ViewModelBase
    {
        private string saveContent = "保存";
        public string SaveContent { get => saveContent; set => Set(ref saveContent, value); }
        private bool saveIsEnable = true;
        public bool SaveIsEnable { get => saveIsEnable; set => Set(ref saveIsEnable, value); }
    }
}

数据类必须继承ViewModelBase类(using GalaSoft.MvvmLight;),它实现后台数据改变,同步改变用户界面显示的数据。
Model.cs一般用来控制用户操作的数据绑定,如果是其他参数,例如AxisParam.cs,只需要让它按照Model.cs的写法,继承ViewModelBase。然后在ViewModel.cs中建一个属性,构造函数中引用或新建一个实例,就可以实现其他数据绑定。

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

C#气氛组队员

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值