WPF---數據綁定之PasswordBox綁定（八）

一、概述

眾所周知，綁定的源既可以是依賴屬性也可以是普通的CLR屬性，而綁定的目標只能是依賴屬性。

控件PasswordBox的Password屬性不是依賴屬性，不可以作為綁定的目標與后台數據進行綁定，而在MVVM模式中，前台和后台的綁定是經常需要的，為了達到這種目的，我們可以借助附加屬性來實現PasswordBox的Password屬性的綁定。

二、綁定思路

思路如下：

1）定義一個PasswordBoxHelper類，在類中定義PasswordProperty、AttachProperty和IsUpdatingProperty三個附加屬性以及相應的屬性改變事件；

2）在AttachProperty的OnAttachPropertyChanged事件中添加PasswordBox的PasswordChanged事件處理程序，這樣PasswordBox控件中輸入密碼的時候，就會觸發PasswordBoxHelper類中PasswordChanged事件處理函數；

3）PasswordChanged事件處理函數執行的時候，把控件中的信息賦值給PasswordBoxHelper類中的依賴屬性PasswordProperty；

三、Demo

 

<Window x:Class="PasswordBinding.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:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:PasswordBinding"
        mc:Ignorable="d"
        Title="MainWindow" Height="447.125" Width="525">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="134*"/>
            <RowDefinition Height="101*"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="60*"/>
            <ColumnDefinition Width="457*"/>
        </Grid.ColumnDefinitions>
        <TextBlock Margin="10 50" Text="密碼："></TextBlock>
        <PasswordBox Grid.Row="0" Grid.Column="1" Margin="10,50,10,157" BorderBrush="Red" local:PasswordBoxHelper.Attach ="True" Name="pwd"
                     local:PasswordBoxHelper.Password ="{Binding Password, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/>
        <TextBlock Margin="10,30,10,10" Text="顯示：" Grid.Row="1" Grid.Column="0"></TextBlock>
        <TextBlock Grid.Row="1" Grid.Column="1" Margin="10,70,10,72" Background="AliceBlue" Foreground="#FF4EB24E" Name="tbl" />
        <!--附加屬性綁定的時候，記得一定要加括號！！！-->
        <TextBlock Grid.Column="1" Margin="10,10,10,135" Background="AliceBlue" Foreground="#FF4EB24E" Grid.Row="1" Text="{Binding ElementName=pwd, Path=(local:PasswordBoxHelper.Password)}"  />
        <Button Grid.Row="1" Grid.Column="1" Margin="370,135,0,0" Content="顯示密碼" Click="Button_Click" ></Button>

    </Grid>
</Window>

 

using System.Windows;

namespace PasswordBinding
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        //private string password;

        //public string Password
        //{
        //    get { return password; }
        //    set { password = value; }
        //}

        public string Password//依賴屬性具有自動通知的能力，不需要實現INotifi接口
        {
            get { return (string)GetValue(PasswordProperty); }
            set { SetValue(PasswordProperty, value); }
        }

        // Using a DependencyProperty as the backing store for Password.  This enables animation, styling, binding, etc...
        public static readonly DependencyProperty PasswordProperty =
            DependencyProperty.Register("Password", typeof(string), typeof(MainWindow), new PropertyMetadata(""));


        public MainWindow()
        {
            InitializeComponent();
            this.DataContext = this;
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            //tbl.Text = password;
            tbl.Text = PasswordBoxHelper.GetPassword(pwd);
        }
    }
}

using System.Windows;
using System.Windows.Controls;

namespace PasswordBinding
{

    public static class PasswordBoxHelper
    {

        public static readonly DependencyProperty PasswordProperty = DependencyProperty.RegisterAttached("Password", typeof(string), typeof(PasswordBoxHelper), 
                                                                                                          new FrameworkPropertyMetadata(string.Empty, OnPasswordPropertyChanged));
        public static readonly DependencyProperty AttachProperty = DependencyProperty.RegisterAttached("Attach", typeof(bool), typeof(PasswordBoxHelper), new PropertyMetadata(false, OnAttachPropertyChanged));

        private static readonly DependencyProperty IsUpdatingProperty = DependencyProperty.RegisterAttached("IsUpdating", typeof(bool), typeof(PasswordBoxHelper));


        public static void SetAttach(DependencyObject dp, bool value)
        {
            dp.SetValue(AttachProperty, value);
        }

        public static bool GetAttach(DependencyObject dp)
        {
            return (bool)dp.GetValue(AttachProperty);
        }

        public static string GetPassword(DependencyObject dp)
        {
            return (string)dp.GetValue(PasswordProperty);
        }

        public static void SetPassword(DependencyObject dp, string value)
        {
            dp.SetValue(PasswordProperty, value);
        }

        private static bool GetIsUpdating(DependencyObject dp)
        {
            return (bool)dp.GetValue(IsUpdatingProperty);
        }

        private static void SetIsUpdating(DependencyObject dp, bool value)
        {
            dp.SetValue(IsUpdatingProperty, value);
        }

        private static void OnPasswordPropertyChanged(DependencyObject sender, DependencyPropertyChangedEventArgs e)
        {
            PasswordBox passwordBox = sender as PasswordBox;
            passwordBox.PasswordChanged -= PasswordChanged;
            if (!(bool)GetIsUpdating(passwordBox))
            {
                passwordBox.Password = (string)e.NewValue;
            }
            passwordBox.PasswordChanged += PasswordChanged;
        }

        private static void OnAttachPropertyChanged(DependencyObject sender, DependencyPropertyChangedEventArgs e)
        {
            PasswordBox passwordBox = sender as PasswordBox;
            if (passwordBox == null)
            {
                return;
            }               
            if ((bool)e.OldValue)
            {
                passwordBox.PasswordChanged -= PasswordChanged;
            }
            if ((bool)e.NewValue)
            {
                passwordBox.PasswordChanged += PasswordChanged;
            }
        }

        private static void PasswordChanged(object sender, RoutedEventArgs e)
        {
            PasswordBox passwordBox = sender as PasswordBox;
            SetIsUpdating(passwordBox, true);
            SetPassword(passwordBox, passwordBox.Password);
            SetIsUpdating(passwordBox, false);
        }
    }
}