WPF UI 库 PasswordBox 控件Password属性BUG解决方案

188 阅读1分钟

问题

当对PasswordBox控件的Password属性时进行绑定时会不成功,值无法正常传递到绑定变量上, 也不能使用Text, 因为值是实际显示的, 有可能是掩码*.

前端

<Window
    x:Class="WpfApp1.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:local="clr-namespace:WpfApp1"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:ui="http://schemas.lepo.co/wpfui/2022/xaml"
    Title="MainWindow"
    Width="800"
    Height="450"
    d:DataContext="{d:DesignInstance local:MainWindowsViewModel}"
    mc:Ignorable="d">
    <StackPanel>
        <ui:PasswordBox Password="{Binding Password, Mode=Default}" />
        <ui:TextBox Text="{Binding Input, Mode=Default}" />
        <Button Click="ButtonBase_OnClick" Content="Button" />
    </StackPanel>
</Window>

后端

public partial class MainWindow : Window
{
    public MainWindowsViewModel Context { getset; }
    public MainWindow()
    {
        Context = new MainWindowsViewModel();
        DataContext = Context;
        InitializeComponent();
    }
 
    private void ButtonBase_OnClick(object sender, RoutedEventArgs e)
    {
        var password = Context.Password;
        var input = Context.Input;
    }
}
 
public partial class MainWindowsViewModel : ObservableObject
{
    [ObservableProperty]
    private string _password = string.Empty;
 
    [ObservableProperty] 
    private string _input;
}

TextBox当作对照组

1.png

打上断点可以看到password的值没有改变

image.png

解决方案

使用控件上的CommandParameter传入PasswordBox, 然后直接使用Password属性

<ui:PasswordBox x:Name="PasswordBox" />
<Button CommandParameter="{Binding ElementName=PasswordBox}" />

这个bug在最新版本v3.0.4中依旧存在