zoukankan      html  css  js  c++  java
  • wpf MVVM框架基础

    一。MVVM为Model—View—ViewModel,可以实现UI和业务逻辑分离、解耦合,业务逻辑代码不与UI中具体的控件关联。

    View中即UI界面,ViewModel中则是业务逻辑,两者之间通过数据绑定实现。

    绑定分为数据绑定和命令绑定。

      数据属性如TextBox,Slider等可以改变值的控件

      命令属性如按钮

    在wpf中,MvvM设计模式可以使用Prism提供的框架实现。Prism安装方式:

    1.在菜单栏-扩展中安装Prism Template Pack

     2.重新启动VS等待安装,并且新建Prism Blank App(wpf)

    二。简单实例。

    1.实现功能:通过textbox1,textbox2值,按button 得到textbox3值。

     分析:3个textbox为数据属性,Button为命令属性。

    2.MainWindowViewModel中为业务逻辑。代码如下:

    using Prism.Commands; //添加引用
    using Prism.Mvvm; 
    using System; 
    
    namespace MVVM.ViewModels
    {
        public class MainWindowViewModel : BindableBase
        {
            private string _title = "Prism Application";
            public string Title
            {
                get { return _title; }
                set { SetProperty(ref _title, value); }
            }
    
            private double input1;  //添加数据属性
    
            public double Input1
            {
                get { return input1; }
                set { input1 = value; }
            }
    
            private double intput2; //添加数据属性
    
            public double Input2
            {
                get { return intput2; }
                set { intput2 = value; }
            }
    
            private double result;
    
            public double Result //添加数据属性
            {
                get { return result; }
                set { 
                    result = value;
                    RaisePropertyChanged("Result"); //在Result值改变后通知Binding,Bing会改变与Result相关联的控件属性
                }
            }
    
           public DelegateCommand AddCommand { get; set; }//添加命令属性委托
           private void add()
            {
                this.Result = this.Input1 + this.Input2;
            }
    
            public MainWindowViewModel()
            {
                this.AddCommand = new DelegateCommand(new Action(add));//委托执行add
            }
        }
    }
    

    3.在xmal中添加绑定

    结果:

     

     

  • 相关阅读:
    springboot整合log4j2
    document解析html
    关于字符串读写乱码的解决方法浅谈
    BOM知识整理
    es6的Map()构造函数
    es6的Set()构造函数
    关于node的path模块
    java总结(方法与对象)
    webpack3.0+总结
    java总结(二)(运算符)
  • 原文地址:https://www.cnblogs.com/sclu/p/12144137.html
Copyright © 2011-2022 走看看