MVVM如何在ViewModel中控制页面元素属性

最新推荐文章于 2024-02-05 16:07:24 发布
原创 最新推荐文章于 2024-02-05 16:07:24 发布
· 7.7k 阅读 · 1 ·
版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#wpf

本文通过一个实例介绍在MVVM模式下，如何在ViewModel中控制页面元素属性，特别是改变密码强度显示的背景颜色。文章详细展示了如何绑定背景颜色，并在ViewModel中响应输入事件，动态调整颜色以反映密码强度。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

MVVM如何在ViewModel中控制页面元素属性

开发工具与关键技术：Visual Studio 2015、WPF
作者：易金亮
撰写时间：2021.12.6

今天我们说一下MVVM开发模式下如何在ViewModel中控制页面(View)元素属性，下面我用一个例子来进行讲解，其实现效果截图如下所示：
在这里插入图片描述
如上截图所示，我们实现的效果是当输入新的密码时根据密码包含的元素（数字、字母、字符）来判断密码强度并显示，下面来说说这一效果是如何实现的。其页面代码如下截图所示：
在这里插入图片描述

如上截图代码所示，我们在页面中给了三个Lable，并且在Border上给它绑定了一个背景颜色，接下来来到ViewModel中接收绑定的背景颜色，其代码如下截图所示：
在这里插入图片描述

如上截图所示，这是与低强度背景颜色进行绑定，中强度与高强度的绑定与此一样。完成以上代码就可以在ViewModel中去控制它的颜色显示了，首先在加载事件中把这三个强度条的颜色都设为深灰色，然后在在新密码输入事件中通过正则表达式判断密码强度

最低0.47元/天 解锁文章
WPF【二】基于MVVM模式，通过点击按钮（RadioButton）实现主页面显示不同的UserControl
weixin_44718038的博客
12-08 2102
WPF【二】基于MVVM模式，通过点击按钮（RadioButton）实现主页面显示不同的UserControl
MVVM中wpf设置控件是否可见
weixin_46407807的博客
09-11 959
背景：某个页面基本一样，但是又有点不一样的地方，设置是否可见就可以实现页面的共用。步骤二：给Lable添加Visibility。步骤一：资源字典中添加转换器。
WPF 在列表中绑定ViewModel对象中的属性
WesLonloveJall的专栏
10-18 366
Button Grid.Column="2" HorizontalAlignment="Right" VerticalAlignment="Top" Style="{StaticResource btnDeleteStyle}" Margin="5" ToolTip="删除"<CheckBox Margin="10,0,0,0" Content="外来气" HorizontalAlignment="Center" VerticalAlignment="Center"数据模板中绑定命令事件。
WPF 在ViewModel中调用 View(界面的控件)
weixin_42365213的博客
11-10 1204
WPF 在ViewModel中调用 View(界面的控件)
WPF程序中使用MVVM模式
11-30 4509
前两周有个紧急项目，项目到我们手上时离最后交付日期只有三周，虽然功能很简单就几个页面，但需要做的还是很多。于是临时找了北京的同事帮忙做界面，我们这边负责做后台通信和消息分发。上周合并代码一看，发现界面代码有点乱，各种贴代码的痕迹，有很明显的MVVM框架的样子，但用的有些混乱，看他的代码自己也迷糊了一阵，因为MVVM只是了解点（我还以为是我理解错了的，我们前几个项目都是采用Winform的思维做的项
ViewModel
weixin_45644138的博客
09-05 282
实现 ViewModel 架构组件为界面控制器提供了 ViewModel 辅助程序类，该类负责为界面准备数据。在配置更改期间会自动保留 ViewModel 对象，以便它们存储的数据立即可供下一个 Activity 或 Fragment 实例使用。例如，如果您需要在应用中显示用户列表，请确保将获取和保留该用户列表的责任分配给 ViewModel，而不是 Activity 或 Fragment，如以下示例代码所示： public class MyView
wpf中MVVM模式下窗体跳转及显隐控制实现
09-04
在`WpfMVVM`项目中，通常会有多个ViewModel类分别对应不同的窗体，每个ViewModel包含对应的命令和控制窗体状态的属性。View则通过数据绑定与ViewModel进行通信，实现各种功能。通过查看该项目的源代码，初学者可以更...
WPF MVVM实现简易登录，页面跳转等功能
最新发布
03-15
在本文中，我们将深入探讨如何使用C#语言和Windows Presentation Foundation（WPF）框架，结合Model-View-ViewModel（MVVM）设计模式来实现一个简易的登录功能，并且包括页面跳转等操作。WPF是.NET Framework的一个...
MVVMLight页面跳转WPF
08-31
在本文中，我们将深入探讨如何在WPF（Windows Presentation Foundation）应用程序中利用MVVMLight库进行页面间的导航。MVVMLight是由GalaSoft开发的一个轻量级MVVM（Model-View-ViewModel）框架，它为WPF和UWP提供了...
MVVM Light 新手入门（2） ：ViewModel / Model 中定义“属性” ，并在View中调用
weixin_30794851的博客
11-23 577
今天学习MVVM架构中“属性”的添加并调用，特记录如下，学习资料均来自于网络，特别感谢翁智华的利刃 MVVMLight系列。 一个窗口的基本模型如下： View（视图） -> ViewModel （视图模型）-> 多个Model（模型） 注： 视图是用户在屏幕上看到的结构、布局和外观（UI） 视图模型是暴露公共属性和命令的视图的抽象。在视图模型中，绑定器在视图和数据...
WPF中使用MVVM模式控制布局控件的内容
u010769267的博客
08-21 874
使用ItemsControl和布局控件配合
利刃 MVVMLight 9：Messenger
weixin_30856965的博客
05-10 669
MVVM的目标之一就是为了解耦View和ViewModel。View负责视图展示，ViewModel负责业务逻辑处理，尽量保证 View.xaml.cs中的简洁，不包含复杂的业务逻辑代码。 但是在实际情况中是View和ViewModel之间的交互方式还是比较复杂的，View和ViewModel的分离并不是界定的那么清晰。 比如以下两种场景： 1、如果需要某张视图页面弹...
WPF控件颜色绑定的两种方式
热门推荐
气氛组，yyds
02-12 1万+
WPF控件颜色绑定的2中方式： 1、重写Background属性的Style； 2、使用变量转换器。
WPF触发器绑定ViewModel,DataTrigger Setter Value绑定后台代码赋值
wnk1997的博客
08-30 1700
直接 <Setter Property="Foreground" Value={Binding C_修改_Color}> 然后后台ViewModel里面绑定，然后赋值没用，试了试不用触发器，直接普通的TextBox的字体颜色绑定 字体颜色可以生效，那就说明是触发器的原因导致的不能生效。 去百度搜了下，说是这样实现 <MultiTrigger> <MultiTrigger.Conditions> <Condition Property=
关于WPF的ViewModel中的属性改变与View中实时刷新问题
abc1564984930的博客
02-05 8999
ViewModel中的绑定属性中，基础类型比如string，setProperty可以实现实时刷新；但 List就不会实时刷新
WPF中, 如何将控件的触发事件绑定到ViewModel
helldoger的博客
10-05 3673
在DataGrid 等控件中, 有很多这种带闪电符号的触发事件. 如果用传统的事件驱动, 则直接在后台中建立 一个private PropertyChanged(Sender s, EventAgars Args) 即可. 但是如果需要绑定到ViewModel的话? 应该怎么做? 带闪电符号的触发事件 实现viewModel绑定前端触发事件的写法: <DataGrid x:Name="myDataGrid" AlternationCou
WPF 使用MVVM设计模式对进行增删改操作
Dear200892的博客
09-27 2237
什么是MVVM MVVM即Model-View-ViewModel，通常适用于WPF或Silverlight开发。 MVC或MVP都是基于面向对象的设计模式，而MVVM是基于组件，数据驱动的设计模式。正是这一区别，造成大家对于MVVM学习起来比较费力。 我们可以通过下图来直观的理解MVVM设计模式：　　 View：使用XAML呈现给用户的界面，负责与用户交互，接收用户输入，把数据展现...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值