5、WPF_MVVM_绑定PasswordBox密码框

1、新建Common文件夹,文件夹新建“PasswordHelper.cs”类。
“PasswordHelper.cs”代码如下:

using System.Windows;
using System.Windows.Controls;
namespace CourseManagement.Common
{
    public class PasswordHelper
    {
        public static readonly DependencyProperty PasswordProperty = DependencyProperty.RegisterAttached("Password", typeof(string), typeof(PasswordHelper), new FrameworkPropertyMetadata("", new PropertyChangedCallback(OnPropertyChanged)));

        public static string GetPassword(DependencyObject d)
        {
            return d.GetValue(PasswordProperty).ToString();
        }
        public static void SetPassword(DependencyObject d, string value)
        {
            d.SetValue(PasswordProperty, value);
        }
        public static readonly DependencyProperty AttachProperty = DependencyProperty.RegisterAttached("Attach", typeof(bool), typeof(PasswordHelper), new FrameworkPropertyMetadata(default(bool), new PropertyChangedCallback(OnAttached)));

        public static bool GetAttach(DependencyObject d)
        {
            return (bool)d.GetValue(AttachProperty);
        }
        public static void SetAttach(DependencyObject d, bool value)
        {
            d.SetValue(AttachProperty, value);
        }
        static bool _isUpdating = false;
        private static void OnPropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            PasswordBox password = d as PasswordBox;
            password.PasswordChanged -= Psssword_PasswordChanged;
            if(!_isUpdating)
                password.Password = e.NewValue?.ToString();
            password.PasswordChanged += Psssword_PasswordChanged;
        
        private static void OnAttached(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            PasswordBox password = d as PasswordBox;
            password.PasswordChanged += Psssword_PasswordChanged;
        }
        private static void Psssword_PasswordChanged(object sender, RoutedEventArgs e)
        {
            PasswordBox passwordBox = sender as PasswordBox;
            _isUpdating = true;
            SetPassword(passwordBox, passwordBox.Password);
            _isUpdating = false;
        
    }
}

2、LoginView.xaml代码如下:

xmlns:common="clr-namespace:CourseManagement.Common"

在这里插入图片描述

                <PasswordBox Grid.Row="1" Height="42" Style="{DynamicResource PasswordBoxStyle}"
                             FontSize="16" Foreground="#DDD"
                             common:PasswordHelper.Attach="True"
                             common:PasswordHelper.Password="{Binding LoginModel.Password}">

在这里插入图片描述
3、LoginViewModel.cs绑定密码
在这里插入图片描述
4、LoginModel.cs
在这里插入图片描述
5、发起通知,监听属性:

using System.ComponentModel;
using System.Runtime.CompilerServices;

namespace CourseManagement.Common
{
    public class NotifyBase : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged; 
        public void DoNotify([CallerMemberName] string propName="")
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propName));
        }
    }
}

在这里插入图片描述
6、Common文件下的“CommandBase.cs”类

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Input;
namespace CourseManagement.Common
{
    public class CommandBase : ICommand
    {
        public event EventHandler CanExecuteChanged;

        public bool CanExecute(object parameter)
        {
            return DoCanExecute?.Invoke(parameter) == true;
        }

        public void Execute(object parameter)
        {
            DoExecute?.Invoke(parameter);
        }
        public Action<object> DoExecute { get; set; }
        public Func<object, bool> DoCanExecute { get; set; }
    }
}

6、绑定成功:
在这里插入图片描述

WPF中使用MVVM模式(Model-View-ViewModel)绑定PasswordBox控件通常涉及以下几个步骤: 1. 创建视图模型(ViewModel): 首先,在您的ViewModel类中,创建一个用于存储密码的属性。例如: ```csharp public class YourViewModel : INotifyPropertyChanged { private string password; public string Password { get { return password; } set { if (value != password) { password = value; OnPropertyChanged("Password"); } } } // 添加PropertyChanged通知事件 public event PropertyChangedEventHandler PropertyChanged; protected void OnPropertyChanged(string propertyName) { PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName)); } } ``` 2. 在XAML中绑定: 在您的XAML文件中,找到`<PasswordBox>`元素并设置其`Text`或`Password`属性的绑定目标为ViewModel的Password属性: ```xaml <PasswordBox x:Name="passwordBox" Text="{Binding Path=Password, Mode=TwoWay}" IsEnabled="{Binding IsEnabledProperty}" /> ``` 这里的`Mode=TwoWay`表示双向数据绑定,当视图中的文本变化时会更新到ViewModel,反之亦然。 3. 控制IsEnabled状态: 如果你想基于某种条件控制PasswordBox的启用状态,可以在ViewModel中添加相应的布尔值属性,并在XAML中绑定它: ```csharp private bool isEnable; public bool IsEnabledProperty { get { return isEnable; } set { if (value != isEnable) { isEnable = value; OnPropertyChanged("IsEnabledProperty"); } } } ``` 4. 实现数据同步: 当用户输入密码时,您可能需要处理`ValueChanged`事件或者在ViewModel中添加方法来监听并更新数据。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值