WPF 界面命令绑定(MVVM结构)

1.创建模型数据类(M)

    /// <summary>/// 数据模型/// </summary>public class LoginDataModel{// 用户名private string _userName;public string UserName{get { return _userName; }set{_userName = value;}}// 密码private string _passWord;public string PassWord{get { return _passWord; }set{_passWord = value;               }}}

2.命令转发类实现接口(ICommand)

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Input;namespace WPF_LoginUI
{/// <summary>/// 命令转发/// </summary>public class RelayCommand : ICommand{/// <summary>/// 命令是否能够执行/// </summary>private readonly Func<bool> _canExecute;/// <summary>/// 需要执行的方法/// </summary>private readonly Action _execute;/// <summary>/// 构造函数/// </summary>/// <param name="execute"></param>/// <param name="canExecute"></param>public RelayCommand(Action execute, Func<bool> canExecute){_canExecute = canExecute;_execute = execute;}/// <summary>/// 事件句柄/// </summary>public event EventHandler CanExecuteChanged{add{if(_canExecute != null){CommandManager.RequerySuggested += value;}}remove{if (_canExecute != null){CommandManager.RequerySuggested -= value;}}}// 实现接口 是否执行 public bool CanExecute(object parameter){if (_canExecute == null)return true;return _canExecute();}// 实现接口 执行命令public void Execute(object parameter){_execute();}}
}

3.创建视图模型类(VM)

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Input;namespace WPF_LoginUI
{/// <summary>/// MVVM 架构的  VM(视图模型类)/// </summary>public class LoginViewModel : INotifyPropertyChanged{/// <summary>///  数据模型(存放数据)/// </summary>private LoginDataModel loginData;// 父窗体private MainWindow _mainWindow;public LoginViewModel(MainWindow mainWindow) {_mainWindow = mainWindow;loginData = new LoginDataModel();}// 属性变化时 通知界面 public event PropertyChangedEventHandler PropertyChanged;private void RaisePropertyChanged(string propertyName){PropertyChangedEventHandler handler = PropertyChanged;if (handler != null)handler(this, new PropertyChangedEventArgs(propertyName));}// 开放被绑定的数据// 被绑定的属性 用户名public string UserName{get { return loginData.UserName; }set{loginData.UserName = value;// 通知界面 属性发生变化RaisePropertyChanged("UserName");}}// 被绑定的属性 密码public string PassWord{get { return loginData.PassWord; }set{loginData.PassWord = value;// 通知界面 属性发生变化RaisePropertyChanged("PassWord");}}/// <summary>/// 事件-换成命令绑定方式/// </summary>// 登录函数private void LoginFunc(){if (UserName == "WPF" && PassWord == "123"){   // 弹出一个新的界面 ctrl+ k + d//MessageBox.Show("OK");IndexWindow indexWindow = new IndexWindow();indexWindow.Show();// 隐藏登录界面_mainWindow.Hide();}else{// 警告框MessageBox.Show("输入的用户名或密码不正确");UserName = "";PassWord = "";}}// 是否执行函数private bool CanLoginExecute(){return true;}// 界面绑定命令public ICommand LoginAction {get {return new RelayCommand(LoginFunc, CanLoginExecute);} }}
}

4.设置上下文关联

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;namespace WPF_LoginUI
{/// <summary>/// MainWindow.xaml 的交互逻辑/// </summary>public partial class MainWindow : Window{public MainWindow(){InitializeComponent();// 为界面设置 绑定数据this.DataContext = new LoginViewModel(this); }}
}

5.界面绑定

<!-- 绑定对象的属性  UserName -->
<TextBox Text="{Binding UserName}" Grid.Row="0" Grid.Column="1" Margin="2"/>
<!-- 绑定对象的属性  PassWord -->
<TextBox Text="{Binding PassWord}" Grid.Row="1" Grid.Column="1" Margin="2"/><!-- 命令绑定 登录按钮 执行函数 LoginAction-->
<Button x:Name="BtnLogin" Grid.Row="3" Grid.Column="0" Content="登录" Grid.ColumnSpan="2" Command="{Binding LoginAction}"/>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/770402.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

问卷调查数据分析指南!掌握方法,精准把握用户需求!

“我们可以用自定义报表、交叉报表、自定义过滤器等放方式进行问卷调查数据分析。“ 问卷调查的过程中&#xff0c;问卷设计、问卷分发、问卷收集可能都不是让我们最头疼的。经过几天的奋战&#xff0c;终于拿到了数据&#xff0c;但是问题也随之而来。收集上来的问卷信息&…

linux操作系统——线程控制+线程封装

1.理解用户级线程 我们前面用到的所有跟线程有关的接口全部都不是系统直接提供的接口&#xff0c;而是原生线程库pthread提供的接口。我们前面谈到了由于用户只认线程&#xff0c;而linux操作系统是通过用轻量级进程模拟线程&#xff0c;并不是真正的线程&#xff0c;所以linu…

C# for/foreach 循环

一个 for 循环是一个允许您编写一个执行特定次数的循环的重复控制结构。 语法 C# 中 for 循环的语法&#xff1a; for ( init; condition; increment ) {statement(s); } 下面是 for 循环的控制流&#xff1a; init 会首先被执行&#xff0c;且只会执行一次。这一步允许您声…

【数据结构】非线性结构——二叉树

文章目录 前言1.树型结构1.1树的概念1.2树的特性1.3树的一些性质1.4树的一些表示形式1.5树的应用2.二叉树 2.1 概念2.2 两种特殊的二叉树2.3 二叉树的性质2.4 二叉树的存储2.5 二叉树的基本操作 前言 前面我们都是学的线性结构的数据结构&#xff0c;接下来我们就需要来学习非…

kubernetes- ingress-gateway-istio_gateway的区别

Kubernetes Ingress, Gateway, 和 Istio Gateway 的区别 Kubernetes Ingress: Kubernetes Ingress 是一个资源对象&#xff0c;用于控制进入 Kubernetes 集群的流量。它可以配置外部 IP 地址、端口、域名、以及路径等信息&#xff0c;将流量路由到不同的服务。Ingress 通常使…

Stable Diffusion 进阶教程 - 二次开发(制作您的文生图应用)

目录 1. 引言 2. 基于Rest API 开发 2.1 前置条件 2.2 代码实现 2.3 效果演示 2.4 常见错误 3. 总结 1. 引言 Stable Diffusion作为一种强大的文本到图像生成模型&#xff0c;已经在艺术、设计和创意领域引起了广泛的关注和应用。然而&#xff0c;对于许多开发者来说&#xff…

数据结构奇妙旅程之深入解析冒泡排序

冒泡排序&#xff08;Bubble Sort&#xff09;是一种简单的排序算法&#xff0c;它重复地遍历要排序的数列&#xff0c;一次比较两个元素&#xff0c;如果他们的顺序错误就把他们交换过来。遍历数列的工作是重复地进行直到没有再需要交换&#xff0c;也就是说该数列已经排序完成…

数据结构奇妙旅程之六大排序算法

Java 中的六大排序算法包括&#xff1a;冒泡排序&#xff08;Bubble Sort&#xff09;、选择排序&#xff08;Selection Sort&#xff09;、插入排序&#xff08;Insertion Sort&#xff09;、希尔排序&#xff08;Shell Sort&#xff09;、归并排序&#xff08;Merge Sort&…

299.【华为OD机试】免单统计(时间字符串排序—JavaPythonC++JS实现)

本文收录于专栏:算法之翼 本专栏所有题目均包含优质解题思路,高质量解题代码(Java&Python&C++&JS分别实现),详细代码讲解,助你深入学习,深度掌握! 文章目录 一. 题目二.解题思路三.题解代码Python题解代码JAVA题解代码C/C++题解代码JS题解代码四.代码讲解(Ja…

iOS开发进阶(九):OC混合开发嵌套H5应用并互相通信

文章目录 一、前言二、嵌套H5应用并实现双方通信2.1 WKWebView 与JS 原生交互2.1.1 H5页面嵌套2.1.2 常用代理方法2.1.3 OC调用JS方法2.1.4 JS调用OC方法 2.2 JSCore 实现原生与H5交互2.2.1 OC调用H5方法并传参2.2.2 H5给OC传参 2.3 UIWebView的基本用法2.3.1 H5页面嵌套2.3.2 …

前端埋点解决方案

一、前言&#xff1a;基于神策数据的前端埋点解决方案 JavaScript 快速使用 神策分析使用手册[预览版] 二、sdk gitlab下载地址 https://github.com/sensorsdata/sa-sdk-javascript/releases 或者npm 安装 npm i sa-sdk-javascript 三、入门 3.1 接入sdk 以及配置 (ver…

Spring Boot | SpringBoo“开发入门“

目录 : 1.SpringBoot的“介绍”SpringBoot”概述” &#xff1a;SpringBoot”简介“SpringBoot的“优点” 2. SpringBoot入门程序环境准备使用 “Maven”方式构建SpringBoot 项目使用“Spring Initializr”方式构建Spring Boot 项目 3. “单元测试” 和“热部署”单元测试热部署…

JVM的垃圾回收算法--有哪些垃圾回收算法?哪些垃圾收集器?

三大假说 弱分代假说&#xff08;Weak Generational Hypothesis&#xff09;&#xff1a;绝大多数对象都是朝生夕灭的。强分代假说&#xff08;Strong Generational Hypothesis&#xff09;&#xff1a;熬过越多次垃圾收集过程的对象就越难以消亡。跨代引用假说&#xff08;In…

uniapp打包小程序,使用$refs报错解决办法

uniapp打包字节抖音小程序使用$refs报错解决办法 在小程序开过程中&#xff0c;使用uniapp时&#xff0c;作为开发者&#xff0c;我们习惯以vue的语法进行开发&#xff0c;希望通过使用$refs进行元素的操作&#xff0c;但是开发小程序时这种方法却失效了。 原因&#xff1a;微…

C#自定义最大化、最小化和关闭按钮

目录 1.资源文件 2.读取资源文件中的图片 3.WindowState属性 4. 示例 用户在制作应用程序时&#xff0c;为了使用户界面更加美观&#xff0c;一般都自己设计窗体的外观&#xff0c;以及窗体的最大化、最小化和关闭按钮。本例通过资源文件来存储窗体的外观&#xff0c;以及最…

服务器离线配置vscode连接,conda虚拟环境

记录一下服务器离线配置问题&#xff0c;以备不时之需。 服务器离线配置 vscode连接参考&#xff1a;vscode-server离线安装-CSDN博客 服务器离线配置conda虚拟环境&#xff1a;Conda 环境离线迁移&#xff08;服务器断网情况下搭建虚拟环境envs&#xff09; - 知乎 上次两个…

微服务day06 -- Elasticsearch的数据搜索功能。分别使用DSL和RestClient实现搜索

1.DSL查询文档 elasticsearch的查询依然是基于JSON风格的DSL来实现的。 1.1.DSL查询分类 Elasticsearch提供了基于JSON的DSL&#xff08;Domain Specific Language&#xff09;来定义查询。常见的查询类型包括&#xff1a; 查询所有&#xff1a;查询出所有数据&#xff0c;一…

macOS - 安装 b2 (Jamfile)

文章目录 安装 b2关于 b2chain of eventsuse B2 b2 help 安装 b2 官方文档 - Installation&#xff1a;https://www.boost.org/doc/libs/1_84_0/tools/build/doc/html/index.html#bbv2.installation 1、下载 前往 github - b2 - releases https://github.com/bfgroup/b2/relea…

‘npm‘ 不是内部或外部命令,也不是可运行的程序

npm认识三年了&#xff0c;今天才知道这是node.js的命令 也就是说&#xff0c;想要在cmd里面运行 npm 命令&#xff0c;但就的安装node.js 1. node.js安装 没有安装包的先下载安装包&#xff1a;下载 | Node.js 中文网 (nodejs.cn) 下载之后双击打开&#xff0c;一路安装确…

基于Arduino IDE 野火ESP8266模块 EEPROM 存储开发

一、操作存储器 我们可以使用ESP8266模块的EEPROM&#xff0c;也就是可读可擦存储器&#xff0c;可以掉电不丢失地帮我们存储一些数据。ESP8266微控制器有一个闪存区(Flash memory) 来模拟Arduino的EEPROM。这是微控制器中一个特殊的内存位置&#xff0c;即使在主板关闭后&…