WPF中使用MVVM模型进行数据绑定


前言

WPF数据绑定对于WPF应用程序来说尤为重要,本文将讲述使用MVVM模式进行数据绑定的四步走用法:
我们可以先在项目下新建几个目录:Core、Models、ViewModels
在这里插入图片描述


一、声明一个类用来实现接口 INotifyPropertyChanged

在Core文件夹新建类文件:NotifyPropertyObject .cs
示例代码如下

public class NotifyPropertyObject : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;

    public void OnPropertyChanged(string propertyName)
    {
        if(PropertyChanged != null)
        {
            PropertyChanged.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
    }


}

二、实例化ViewModel对象

1.新建MainViewModel模型类

在ViewModels文件夹新建类文件:MainViewModel .cs
示例代码如下

public class MainViewModel: NotifyPropertyObject
{
     private int _MyValue;

     public int MyValue
     {
         get { return _MyValue; }
         set
         { 
             _MyValue = value;
             OnPropertyChanged("MyValue");
         }
     }

     public List<string> StrList { get; set; }

     public MyStudent MyStudent { get; set; }

     public MainViewModel()
     {
         MyStudent = new MyStudent();

         StrList = new List<string>() { "1","2","3","4","5"};

     }
 }

2.实例化对象

在App.xaml.cs中编辑
代码如下(示例):

public static ViewModels.MainViewModel MainViewModel { get; private set; }

public App()
{
    MainViewModel = new ViewModels.MainViewModel();
}

在主界面后台代码中声明ViewModel

public partial class MainWindow : Window
{
    public ViewModels.MainViewModel ViewModel { get { return App.MainViewModel; } }
    
	public MainWindow()
    {
        InitializeComponent();

        this.DataContext = ViewModel;

        this.Loaded += MainWindow_Loaded;
    }
}

为每一个界面建立其模型类,如MainViewModel,AzimuthWindowVM…,此种类型的类同样需继承自类NotifyPropertyObject
注意:(1)此类中主要添加后台的实现代码,其一是使后台代码尽可能简单;其二是便于数据的绑定(2)此类中大多数情况下写的是属性和方法


三、在界面设计代码中进行绑定

.xaml文件

<StackPanel Orientation="Vertical" Grid.Row="0">
    <TextBox Text="{Binding MyStudent.Age ,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}" Width="100" Height="40" Margin="10"></TextBox>
    <Button Content="Click1" Click="Button_Click1" Width="100" Height="50"></Button>
</StackPanel>

<StackPanel Orientation="Vertical" Grid.Row="1">
    <TextBox Text="{Binding MyValue ,Mode=OneWay,UpdateSourceTrigger=PropertyChanged}" Width="100" Height="40" Margin="10"></TextBox>
    <Button Content="Click" Click="Button_Click" Width="100" Height="50"></Button>
</StackPanel>

四、应用

后台代码:

 private void Button_Click(object sender, RoutedEventArgs e)
 {
     Console.WriteLine(ViewModel.MyValue);

     ViewModel.MyValue = 20;

     //OneWayToSource ----编辑框编辑值时 ViewModel.MyValue可以获取到值,但是ViewModel.MyValue改变时,binding的编辑框无法更改
     //OneWay         ----编辑框编辑值时 ViewModel.MyValue值无法更新。但是ViewModel.MyValue改变时,binding的编辑框更新了
     //TwoWay         ----编辑框编辑值时 ViewModel.MyValue可以获取到值,且ViewModel.MyValue改变时,binding的编辑框也更新了

     //对于OneWay绑定:在界面中显示的数据可以随数据源的值的变化而变化,但更改界面的数据不会影响到数据源。
     //对于TwoWay绑定:界面中显示的数据及数据源的数据可以双向显示及更新。
     //对于OneWayToSource绑定:初始时界面的数据为空;更改界面的数据可以影响数据源的值,但是更改数据源的值不会体现在界面上。
     //对于OneTime绑定:在界面中显示的为数据源的初始值,更改数据源的值的时候,不会更改界面的数据显示;更改界面的数据也不会影响到数据源的数据。


     //UpdateSourceTrigger 属性的角色:
     //PropertyChanged:当绑定目标属性更改时,立即更新绑定源。
     //LostFocus:当绑定目标元素失去焦点时,更新绑定源。
     //Explicit:仅在调用 UpdateSource 方法时更新绑定源。
     //注释:多数依赖项属性的UpdateSourceTrigger 值的默认值为 PropertyChanged,而 Text 属性的默认值为 LostFocus。
 }

 private void Button_Click1(object sender, RoutedEventArgs e)
 {
     Console.WriteLine(ViewModel.MyStudent.Age);
 }

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
### 回答1: WPF使用MVVM(Model-View-ViewModel)架构,这一架构有几个关键技术。 首先是数据绑定技术,它使得ViewModel和View之间实现了强耦合性,有效地将数据的传递和显示解耦。WPF数据绑定包括基于属性的绑定、多路绑定、命令绑定等技术,让开发者可以更加方便地控制UI。 其次是依赖属性技术,它使得我们可以将视图的属性与ViewModel的属性绑定在一起,并且可以对绑定的属性进行更加细致的控制,例如可以限制输入的类型、范围等等,从而保证了数据的有效性和安全性。 另外,WPF还通过ICommand接口和Command Binding机制来实现命令的绑定和控制,使得开发者可以在ViewModel定义命令并将其绑定到界面上的按钮等控件上,实现了更加灵活有力的用户界面控制。 最后,WPF还支持依赖注入技术,让开发者可以更加方便地组织代码和管理对象之间的依赖关系,进一步提高了代码的可复用性和可维护性。 总之,WPF使用数据绑定、依赖属性、命令绑定和依赖注入等关键技术,实现了MVVM架构的优秀表现,并在WPF开发取得了巨大的成功。 ### 回答2: WPF是一种基于XAML的框架,其包括了许多关键技术,其一个非常重要的技术是MVVM(Model-View-ViewModel)。MVVM是一种基于模型-视图-ViewModel的设计模式,使开发人员可以更轻松地分离和管理应用程序的各个部分。 在WPFMVVM使用了以下关键技术: 1. 数据绑定数据绑定MVVM模式的核心特性,它使ViewModel能够与View彻底分离。ViewModel数据可以直接绑定到View的控件上,View可以随时响应ViewModel的变化,实现数据的双向绑定。 2. Commands(命令):命令是一种可绑定的对象,可以在ViewModel触发其它操作。它使ViewModel能够控制用户界面,实现解耦合的设计。在WPF,可以使用 ICommand 接口实现命令。 3. INotifyPropertyChanged接口:在MVVM模式,ViewModel需要实现INotifyPropertyChanged接口,表示ViewModel的属性发生了变化。它也是实现数据绑定的必要条件。 4. ViewModel:ViewModel是一个逻辑单元,掌握用户操作的输入和数据的输出。与传统的MVCController不同,ViewModel表示数据模型,并在此基础上封装了业务逻辑。 这些关键技术共同构成了WPFMVVM模式的基础,很大程度上提升了应用程序的开发效率和可维护性,使得应用程序更易于扩展和重构,也使代码更加清晰明了。 ### 回答3: WPF(Windows Presentation Foundation)是微软的一种UI框架,它主要基于XAML(Extensible Application Markup Language)和.NET Framework开发,可以用于创建基于Windows的桌面应用程序。MVVM(Model-View-ViewModel)是一种软件设计模式,它可以有效地分离应用程序的视图(View)、用户交互行为(ViewModel)和数据(Model),从而提高代码的可维护性和可测试性。 在WPFMVVM是一种常见的设计模式,它包括以下关键技术: 1. 数据绑定(Data Binding):WPF数据绑定机制使得ViewModel可以直接与View进行交互,而无需编写大量的代码来处理用户界面和数据。 2. 命令(Commands):在MVVM,ViewModel可以通过命令来处理用户交互行为,这些命令可以直接在XAML绑定到控件上,从而使ViewModel能够响应用户的操作。 3. 依赖注入(Dependency Injection):依赖注入是一个常见的设计模式,它可以有效地解耦应用程序的组件,从而使代码更加灵活和可维护。在MVVM,依赖注入是一种常见的技术,它可以帮助我们实现ViewModel的测试和重用。 4. 组合(Composition):MVVM的组合模式是一种常见的设计模式,它可以帮助我们将多个小的ViewModel组合成一个大的ViewModel,从而提高代码的可读性和可维护性。 综上所述,WPFMVVM的关键技术包括数据绑定、命令、依赖注入和组合等。这些技术可以帮助我们实现灵活、可维护和可测试的应用程序。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

BeanGo

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

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

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

打赏作者

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

抵扣说明:

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

余额充值