WPF中实现PasswordBox的双向绑定

我们知道一个属性想要实现双向绑定,最基本的便是这个属性需要时依赖属性,但是微软工程师在设计的时候Password并不是依赖属性,那我们想要实现双向绑定该怎么去做呢?

最常用的便是改造PasswordBox,为它增加一个扩展属性,借助扩展属性实现Password的读写功能。

首先我们建一个PasswordBoxExtend的扩展类,输入快捷语句"propa",然后按下"Tap"键,即可自动生成我们需要的所有函数。

之后我们改变一些主要内容

cs 复制代码
public static string GetPwd(DependencyObject obj)
{
    return (string)obj.GetValue(PwdProperty);
}

public static void SetPwd(DependencyObject obj, string value)
{
    obj.SetValue(PwdProperty, value);
}

      
public static readonly DependencyProperty PwdProperty =
    DependencyProperty.RegisterAttached("Pwd", typeof(string), typeof(PasswordBoxExtend), new PropertyMetadata("", OnPwdChanged));

/// <summary>
/// 密码属性变化事件
/// </summary>
/// <param name="d"></param>
/// <param name="e"></param>
/// <exception cref="NotImplementedException"></exception>
private static void OnPwdChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
{
    string newPwd = (string)e.NewValue;
    if (d is PasswordBox passwordBox && passwordBox.Password != newPwd)
    {
        passwordBox.Password = newPwd;
    }
}

这样就实现了当我们的附加属性发现变化的时候就会修改我们Password的值,但是我们Password的值改变后并不会通知我们附加属性,所以我们还需要建立一个PasswordBoxBehaviors行为事件类,让它继承Behavior,从而实现当Password改变时通知到我们的附加属性

cs 复制代码
/// <summary>
/// PasswordBox行为
/// 当Password变化时,触发自定义属性跟着变化
/// </summary>
public class PasswordBoxBehaviors : Behavior<PasswordBox>
{
    /// <summary>
    /// 附加行为
    /// 注入事件
    /// </summary>
    protected override void OnAttached()
    {
        base.OnAttached();
        this.AssociatedObject.PasswordChanged += OnPasswordChanged;
    }

    private void OnPasswordChanged(object sender, RoutedEventArgs e)
    {
        PasswordBox passwordBox = sender as PasswordBox;
        string password = PasswordBoxExtend.GetPwd(passwordBox);
        if (passwordBox!= null && password != passwordBox.Password)
        {
            PasswordBoxExtend.SetPwd(passwordBox, passwordBox.Password);
        }
    }

    /// <summary>
    /// 销毁行为
    /// 移除事件
    /// </summary>
    protected override void OnDetaching()
    {
        base.OnDetaching();
        this.AssociatedObject.PasswordChanged -= OnPasswordChanged;
    }
}

然后我们在ViewModel中第一密码变量

cs 复制代码
 /// <summary>
 /// 密码
 /// </summary>
 private string _Pwd;
 public string Pwd
 {
     get { return _Pwd; }
     set { _Pwd = value; }
 }

最后在前端绑定即可

XML 复制代码
<PasswordBox
    Margin="0,10"
    md:HintAssist.Hint="请输入密码"
    pwdExtend:PasswordBoxExtend.Pwd="{Binding Pwd, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
    DockPanel.Dock="Top">
    <!--绑定行为-->
    <i:Interaction.Behaviors>
        <pwdExtend:PasswordBoxBehaviors />
    </i:Interaction.Behaviors>
</PasswordBox>
相关推荐
zls3653654 分钟前
C# WPF 与 JS 交互可以使用的第三方库
开发语言·javascript·c#·wpf·交互
MicrosoftReactor29 分钟前
技术速递|.NET 9 中 System.Text.Json 的新增功能
ui·json·.net
界面开发小八哥30 分钟前
「实战应用」如何用图表控件LightningChart .NET在WPF中制作表格?(一)
.net·wpf·数据可视化·图表控件·图表·lightningchart
VinciYan36 分钟前
.NET使用TDengine时序数据库和SqlSugar操作TDengine
大数据·c#·.net·tdengine
慧都小妮子36 分钟前
Spire.PDF for .NET【页面设置】演示:获取 PDF 文件中的页数
java·pdf·.net
无敌最俊朗@4 小时前
unity3d————球形插值知识点
开发语言·学习·unity·c#·游戏引擎
zzlyx9910 小时前
.NET 开发人员实用NuGet 包,加快开发速度
.net
dcprime10 小时前
C#-枚举
c#
ou.cs10 小时前
wpf 制作丝滑Flyout浮出侧边栏Demo (Mahapps UI框架)
ui·wpf