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
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
实现这个功能,可以参考以下步骤: 1. 在 View 中,定义一个矩形和一个鼠标事件处理函数,用于处理鼠标移动事件。 ```xml <Canvas> <Rectangle Width="{Binding Width}" Height="{Binding Height}" Stroke="Black" StrokeThickness="1" /> <Canvas Background="Transparent" MouseMove="Canvas_MouseMove" MouseUp="Canvas_MouseUp" /> </Canvas> ``` 2. 在 ViewModel 中,定义 Width 和 Height 属性,以及鼠标事件处理函数。 ```csharp public class RectangleViewModel : INotifyPropertyChanged { private double _width; private double _height; private Point _startPoint; public double Width { get { return _width; } set { _width = value; OnPropertyChanged(); } } public double Height { get { return _height; } set { _height = value; OnPropertyChanged(); } } public void Canvas_MouseMove(object sender, MouseEventArgs e) { if (e.LeftButton == MouseButtonState.Pressed) { var endPoint = e.GetPosition(sender as IInputElement); Width = Math.Abs(endPoint.X - _startPoint.X); Height = Math.Abs(endPoint.Y - _startPoint.Y); } } public void Canvas_MouseUp(object sender, MouseButtonEventArgs e) { _startPoint = new Point(0, 0); } // INotifyPropertyChanged implementation public event PropertyChangedEventHandler PropertyChanged; private void OnPropertyChanged([CallerMemberName] string propertyName = null) { PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName)); } } ``` 3. 在 View 中,将 DataContext 绑定到 ViewModel,并且在构造函数中初始化 DataContext。 ```csharp public MainWindow() { InitializeComponent(); DataContext = new RectangleViewModel(); } ``` 这样就完成了用鼠标调整矩形大小的功能。在鼠标移动时,ViewModel 中的 Width 和 Height 属性会被更新,并通过数据绑定更新 View 中的矩形大小。这个实现采用了 MVVM 架构,将 View 和 ViewModel 分离开来,从而实现了更好的代码组织和可测试性。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

C#气氛组队员

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

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

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

打赏作者

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

抵扣说明:

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

余额充值