wpf MVVM的一个好处解释

这篇博客介绍了如何在WPF应用中使用MVVM模式,通过创建MainModel和MainViewModel类实现了数据绑定。对比WinForm,WPF利用XAML和DataContext实现了UI和后台的解耦,例如TextBlock与MainModel.Value的绑定。这种做法减少了前端和后台的强相关性,提高了代码的可维护性。
摘要由CSDN通过智能技术生成

1 新建wpf应用

2 新建Views,Models,ViewModels文件夹

3 在Models新建MainModel类

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

namespace WpfApp1.Models
{
    public class MainModel
    {
        private int _Value=5;

        public int Value
        {
            get { return _Value; }
            set{ _Value = value; }

        }

       
    }
}

4 在ViewModels新建MainViewModel类

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using WpfApp1.Models;

namespace WpfApp1.ViewModels
{
    public class MainViewModel
    {
        public MainModel MainModel { get; set; } = new MainModel();
    }
}

5 修改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"
        xmlns:vm="clr-namespace:WpfApp1.ViewModels"
        mc:Ignorable="d" FontSize="30"
        Title="MainWindow" Height="450" Width="800">
    <Window.DataContext>
        <vm:MainViewModel />
    </Window.DataContext>
    <Grid>
        <TextBlock Text="{Binding MainModel.Value}" />

    </Grid>
</Window>

此时可以正常运行,

6 如果用传统的winform的话,如果显示的控件是TextBox需要使用this.textBox1.Text=Value.ToString(),而如果是Slider则需要改成this.Slider.Value=value;前端和后台就会强相关。

WPF MVVM模式下实现登陆功能需要经过以下步骤: 1. 创建一个WPF应用程序,命名为"LoginApp"。 2. 在项目中创建一个名为"Models"的文件夹,并在其中创建一个名为"User.cs"的文件。在"User.cs"中定义一个User类,该类包含用户的属性,如用户名和密码。 3. 创建一个名为"LoginViewModel.cs"的文件,在其中实现登陆功能的ViewModel。 - 引用命名空间System.ComponentModel,INotifyPropertyChanged接口。 - 创建私有字段和公共属性,用于绑定用户输入的用户名和密码。 - 创建一个登录命令,该命令使用RelayCommand或DelegateCommand来实现。在命令执行方法中,验证用户输入的用户名和密码,并根据验证结果进行后续逻辑操作。 - 创建一个布尔类型的IsValid属性,用于绑定登陆按钮的可用状态。 - 在构造函数中初始化命令和属性,并在setter方法中触发PropertyChanged事件。 4. 创建一个名为"LoginView.xaml"的文件,用于定义登陆界面的视图。 - 在Window标签中导入MVVM命名空间。 - 在窗口内容中布局用户名和密码输入框,并使用绑定将其与ViewModel中的属性进行绑定。 - 添加一个登陆按钮,并绑定到ViewModel中的登录命令,同时使用绑定将其Enabled属性与ViewModel中的IsValid属性进行绑定。 5. 在App.xaml文件中配置LoginView作为启动窗口。 6. 运行应用程序,输入正确的用户名和密码,点击登陆按钮进行验证。根据验证结果,进行相应的提示或页面跳转等操作。 通过以上步骤实现的登陆功能符合WPF MVVM模式,实现了界面和逻辑的分离,提高了代码的可维护性和可测试性。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值