WPF PasswordBox進行數(shù)據(jù)綁定方法

更新時間：2021年06月24日 11:00:25 作者：louzi

有的時候會遇見PasswordBox的Password屬性不是依賴屬性，因此無法進行數(shù)據(jù)綁定。本文介紹如何通過添加附加屬性解決該問題，有此問題的同學(xué)可以參考下本文

問題描述

PasswordBox的Password屬性不是依賴屬性，因此無法進行數(shù)據(jù)綁定。

解決辦法

該問題的解決辦法有多種，本文介紹如何通過添加附加屬性解決該問題。

附加屬性是說一個屬性本不屬于某個對象，但由于某種需求附加到該對象上，通過附加屬性可以實現(xiàn)將屬性與宿主解耦的目的。附加屬性本質(zhì)上就是依賴屬性，只是它們在屬性包裝器和注冊時有區(qū)別。注冊附加屬性使用RegisterAttached方法，注冊依賴屬性使用Register方法，這兩個方法的參數(shù)差別并不大。

首先添加一個PasswordBoxBindingHelper類，該類包含一個附加屬性（snippet：propa+兩次tab），通過設(shè)置該屬性的PropertyChangedCallback將改變通知到PasswordBox.Password，并通過添加對PasswordBox.PasswordChanged事件的響應(yīng)來響應(yīng)PasswordBox.Password的改變。有了該附加屬性，即可進行數(shù)據(jù)綁定。

public static string GetPasswordContent(DependencyObject obj) => (string)obj.GetValue(PasswordContentProperty);

public static void SetPasswordContent(DependencyObject obj, string value) => obj.SetValue(PasswordContentProperty, value);

public static readonly DependencyProperty PasswordContentProperty =
    DependencyProperty.RegisterAttached("PasswordContent", typeof(string), typeof(PasswordBoxBindingHelper),
    new PropertyMetadata(string.Empty, OnPasswordContentPropertyChanged));

private static void OnPasswordContentPropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
{
    var box = d as PasswordBox;
    box.PasswordChanged -= OnPasswordChanged;
    var password = (string)e.NewValue;
    if (box != null && box.Password != password)
        box.Password = password;
    box.PasswordChanged += OnPasswordChanged;
}

private static void OnPasswordChanged(object sender, RoutedEventArgs e)
{
    var box = sender as PasswordBox;
    SetPasswordContent(box, box.Password);
}

然后在View中使用該附加屬性進行數(shù)據(jù)綁定，本文示例中主窗口包含一個PasswordBox控件及一個Button按鈕：

// xaml 綁定附加屬性
<Window ...
        xmlns:local="clr-namespace:PasswordBoxBinding"
        Title="PasswordBoxBinding" Height="300" Width="450" WindowStartupLocation="CenterScreen">

    <Grid>
        <StackPanel HorizontalAlignment="Center" Orientation="Horizontal">
            <PasswordBox MinWidth="200" Height="30" BorderBrush="LightGray" BorderThickness="2"
                         local:PasswordBoxBindingHelper.PasswordContent="{Binding Password,Mode=TwoWay}"/>
            <Rectangle Width="20"/>
            <Button Width="80" Height="30" Content="查看密碼" Command="{Binding ClickedCommand}"/>
        </StackPanel>
    </Grid>
</Window>

//xaml.cs 設(shè)置綁定源
public MainWindow()
{
    InitializeComponent();
    this.DataContext = new MainWindowViewModel();
}

最后創(chuàng)建ViewModel進行邏輯處理：

// ViewModel
public class MainWindowViewModel : INotifyPropertyChanged
{
    public string Password
    {
        get => _password;
        set
        {
            _password = value;
            OnPropertyChanged();
        }
    }

    public DelegateCommand ClickedCommand => _clickedCommand ?? (_clickedCommand = new DelegateCommand { ExecuteAction = OnClicked });

    // 使用CallerMemberName特性簡化代碼，并可以避免手動輸入錯誤
    public void OnPropertyChanged([CallerMemberName] string name = "") => PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(name));

    private void OnClicked(object o) => MessageBox.Show($"password: {Password}");

    public event PropertyChangedEventHandler PropertyChanged;

    private DelegateCommand _clickedCommand;
    private string _password;
}

// 實現(xiàn)ICommand
public class DelegateCommand : ICommand
{
    public bool CanExecute(object parameter) => CanExecuteAction?.Invoke(parameter) ?? true;

    public void Execute(object parameter) => ExecuteAction?.Invoke(parameter);

    public event EventHandler CanExecuteChanged;

    public Action<object> ExecuteAction { get; set; }
    public Func<object, bool> CanExecuteAction { get; set; }
}

以上就是WPF PasswordBox進行數(shù)據(jù)綁定方法的詳細內(nèi)容，更多關(guān)于WPF PasswordBox數(shù)據(jù)綁定的資料請關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章: