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

 1 <Window x:Class="PasswordBinding.MainWindow"
 2         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 3         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 4         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
 5         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
 6         xmlns:local="clr-namespace:PasswordBinding"
 7         mc:Ignorable="d"
 8         Title="MainWindow" Height="447.125" Width="525">
 9     <Grid>
10         <Grid.RowDefinitions>
11             <RowDefinition Height="134*"/>
12             <RowDefinition Height="101*"/>
13         </Grid.RowDefinitions>
14         <Grid.ColumnDefinitions>
15             <ColumnDefinition Width="60*"/>
16             <ColumnDefinition Width="457*"/>
17         </Grid.ColumnDefinitions>
18         <TextBlock Margin="10 50" Text="密码："></TextBlock>
19         <PasswordBox Grid.Row="0" Grid.Column="1" Margin="10,50,10,157" BorderBrush="Red" local:PasswordBoxHelper.Attach ="True" Name="pwd"
20                      local:PasswordBoxHelper.Password ="{Binding Password, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/>
21         <TextBlock Margin="10,30,10,10" Text="显示：" Grid.Row="1" Grid.Column="0"></TextBlock>
22         <TextBlock Grid.Row="1" Grid.Column="1" Margin="10,70,10,72" Background="AliceBlue" Foreground="#FF4EB24E" Name="tbl" />
23         <!--附加属性绑定的时候，记得一定要加括号！！！-->
24         <TextBlock Grid.Column="1" Margin="10,10,10,135" Background="AliceBlue" Foreground="#FF4EB24E" Grid.Row="1" Text="{Binding ElementName=pwd, Path=(local:PasswordBoxHelper.Password)}"  />
25         <Button Grid.Row="1" Grid.Column="1" Margin="370,135,0,0" Content="显示密码" Click="Button_Click" ></Button>
26 
27     </Grid>
28 </Window>

View Code