WPF PasswordBox样式(占位符，清除按钮 )

有些部分是从别人那拿过来的。

效果：

Style:

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:controls="clr-namespace:ImageButtonTest01.Control"
                    xmlns:local="clr-namespace:ImageButtonTest01.Themes"
                    xmlns:converter="clr-namespace:ImageButtonTest01.Control.Converter">


    <converter:ImageTextBoxMarginLeftConverter x:Key="ITBMLC"/>
    <converter:PlaceholderFontSizeConverter x:Key="PHFSC"/>
    <converter:ClearButtonEnableTester x:Key="CBET"/>

    <SolidColorBrush x:Key="PasswordBox.Static.Foreground" Color="Black"/>
    <SolidColorBrush x:Key="PasswordBox.Static.Background" Color="Transparent"/>
    <SolidColorBrush x:Key="PasswordBox.Static.SelectionBrush" Color="#808F8787"/>

    <SolidColorBrush x:Key="PasswordBox.Static.BorderBrush" Color="#FF909090"/>
    <SolidColorBrush x:Key="PasswordBox.Focused.BorderBrush" Color="#FF007ACC"/>
    <SolidColorBrush x:Key="PasswordBox.MouseOver.BorderBrush" Color="#FF1E1E1E"/>

    <Style TargetType="{x:Type PasswordBox}" x:Key="DefaultPasswordBox">
        <Setter Property="SelectionBrush" Value="{StaticResource PasswordBox.Static.SelectionBrush}"/>
        <Setter Property="Padding" Value="0"/>
        <Setter Property="FontSize" Value="22"/>
        <Setter Property="BorderThickness" Value="2"/>
        <Setter Property="PasswordChar" Value="●"/>
        <Setter Property="Background" Value="{StaticResource PasswordBox.Static.Background}"/>
        <Setter Property="Foreground" Value="{StaticResource PasswordBox.Static.Foreground}"/>
        <Setter Property="BorderBrush" Value="{StaticResource PasswordBox.Static.BorderBrush}"/>
        <Setter Property="VerticalContentAlignment" Value="Center"/>
        <Setter Property="SnapsToDevicePixels" Value="True" />
        <Setter Property="CaretBrush" Value="{StaticResource PasswordBox.Static.Foreground}"/>
        <Setter Property="controls:PasswordBoxHelper.Attach" Value="True"/>
        <Setter Property="controls:PasswordBoxHelper.Password" Value="{Binding Path=Password,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type PasswordBox}">
                    <Border x:Name="PART_Root" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
                            CornerRadius="{TemplateBinding controls:ControlAttachProperty.CornerRadius}"
                            BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}"
                            Background="{TemplateBinding Background}">
                        <Grid x:Name="PART_InnerGrid">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="{Binding Path=(controls:ControlAttachProperty.CornerRadius).TopLeft, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource ITBMLC}}"/>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition  Width="Auto"/>
                                <ColumnDefinition  Width="Auto"/>
                            </Grid.ColumnDefinitions>

                            <!--内容区域-->
                            <ScrollViewer x:Name="PART_ContentHost" Grid.Column="1" Margin="2"
                                          BorderThickness="0" IsTabStop="False"
                                          VerticalAlignment="Stretch" Background="{x:Null}"
                                          VerticalContentAlignment="Center"/>

                            <TextBlock x:Name="PART_PlaceHolder" Grid.Column="1" Foreground="Black"
                                       IsHitTestVisible="False" Margin="3,0,3,0"
                                       HorizontalAlignment="Left" VerticalAlignment="Center"
                                       SnapsToDevicePixels="True"
                                       Visibility="Collapsed" Opacity="0.6"
                                       TextAlignment="Center"
                                       Text="{Binding Path=(controls:ControlAttachProperty.PlaceHolder), RelativeSource={RelativeSource TemplatedParent}}"
                                       FontSize="{Binding FontSize, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource PHFSC}}"/>

                            <!--附加内容区域-->
                            <!--<Border x:Name="PART_AttachContent" Grid.Column="2" Margin="1"
                                    HorizontalAlignment="Center" VerticalAlignment="Center">
                                <ContentControl VerticalAlignment="Center" VerticalContentAlignment="Center"
                                                Template="{TemplateBinding controls:ControlAttachProperty.AttachContent}"/>
                            </Border>-->
                            <controls:ImageButton x:Name="PART_ClearTextButton" IsTabStop="False" Grid.Column="2"
                                          controls:ControlAttachProperty.IsClearButtonEnabled="True"
                                          FontFamily="/ImageButtonTest01;component/Resources/#iconfont"
                                          Content="" FontSize="20" IsEnabled="True"
                                          HorizontalAlignment="Right"
                                          VerticalAlignment="Center"
                                          Command="controls:ControlAttachProperty.ClearTextCommand"
                                          CommandParameter="{Binding RelativeSource={RelativeSource FindAncestor,AncestorType={x:Type PasswordBox}}}"
                                          Style="{StaticResource ImageButtonTransparent}"/>
                        </Grid>
                    </Border>
                    <ControlTemplate.Triggers>
                        <!--<DataTrigger Binding="{Binding Path=controls:PasswordBoxHelper.Password, RelativeSource={RelativeSource TemplatedParent}}" Value="">
                            <Setter TargetName="PART_PlaceHolder" Property="Visibility" Value="Visible"/>
                        </DataTrigger>-->
                        <Trigger Property="controls:PasswordBoxHelper.Password"  Value="">
                            <Setter TargetName="PART_PlaceHolder" Property="Visibility" Value="Visible"/>
                            <Setter TargetName="PART_ClearTextButton" Property="IsEnabled" Value="False"/>
                        </Trigger>

                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter  Property="BorderBrush" Value="{StaticResource PasswordBox.MouseOver.BorderBrush}"/>
                        </Trigger>
                        <Trigger Property="IsFocused" Value="True">
                            <Setter  Property="BorderBrush" Value="{StaticResource PasswordBox.Focused.BorderBrush}"/>
                        </Trigger>

                        <Trigger Property="IsEnabled" Value="False">
                            <Setter TargetName="PART_Root" Property="Opacity" Value="0.4"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="ClearButtonPasswordBox" TargetType="{x:Type PasswordBox}" BasedOn="{StaticResource DefaultPasswordBox}">
        <Setter Property="controls:ControlAttachProperty.AttachContent">
            <Setter.Value>
                <ControlTemplate>
                    <!--<controls:ImageButton x:Name="PART_ClearTextButton" IsTabStop="False"
                                          controls:ControlAttachProperty.IsClearButtonEnabled="True"
                                          FontFamily="/ImageButtonTest01;component/Resources/#iconfont"
                                          Content="" FontSize="20"
                                          HorizontalAlignment="Right"
                                          VerticalAlignment="Center"
                                          Command="controls:ControlAttachProperty.ClearTextCommand"
                                          CommandParameter="{Binding RelativeSource={RelativeSource FindAncestor,AncestorType={x:Type PasswordBox}}}"
                                          Style="{StaticResource ImageButtonTransparent}">
                        <controls:ImageButton.IsEnabled>
                            <MultiBinding Converter="{StaticResource CBET}">
                                <Binding Path="controls:PasswordBoxHelper.Password" RelativeSource="{RelativeSource FindAncestor, AncestorType={x:Type PasswordBox}}"/>
                            </MultiBinding>
                        </controls:ImageButton.IsEnabled>
                    </controls:ImageButton>-->
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</ResourceDictionary>

ControlAttachProperty.cs别人的（解决PasswordBox不能被继承 ）

public static class ControlAttachProperty
{
    static ControlAttachProperty()
    {
        /* ClearTextCommand */
        ClearTextCommand = new RoutedUICommand();
        ClearTextCommandBinding = new CommandBinding(ClearTextCommand);
        ClearTextCommandBinding.Executed += ClearButtonClick;
    }

    public static readonly DependencyProperty CornerRadiusProperty = DependencyProperty.RegisterAttached("CornerRadius", typeof(CornerRadius),
                                                                                typeof(ControlAttachProperty), new FrameworkPropertyMetadata(new CornerRadius(0,0,0,0)));
    public static CornerRadius GetCornerRadius(DependencyObject d)
    {
        return (CornerRadius)d.GetValue(CornerRadiusProperty);
    }
    public static void SetCornerRadius(DependencyObject d, CornerRadius value)
    {
        d.SetValue(CornerRadiusProperty, value);
    }

    #region PlaceHolderProperty 占位符
    public static readonly DependencyProperty PlaceHolderProperty = DependencyProperty.RegisterAttached("PlaceHolder", typeof(string), 
                                                        typeof(ControlAttachProperty), new FrameworkPropertyMetadata(""));
    public static string GetPlaceHolder(DependencyObject d)
    {
        return (string)d.GetValue(PlaceHolderProperty);
    }
    public static void SetPlaceHolder(DependencyObject obj, string value)
    {
        obj.SetValue(PlaceHolderProperty, value);
    }
    #endregion

    public static readonly DependencyProperty AttachContentProperty = DependencyProperty.RegisterAttached("AttachContent", typeof(ControlTemplate), 
                                                            typeof(ControlAttachProperty), new FrameworkPropertyMetadata(null));
    public static ControlTemplate GetAttachContent(DependencyObject d)
    {
        return (ControlTemplate)d.GetValue(AttachContentProperty);
    }
    public static void SetAttachContent(DependencyObject obj, ControlTemplate value)
    {
        obj.SetValue(AttachContentProperty, value);
    }

    #region ClearTextCommand 清除输入框Text事件命令

    /// <summary>
    /// 清除输入框Text事件命令，需要使用IsClearTextButtonBehaviorEnabledChanged绑定命令
    /// </summary>
    public static RoutedUICommand ClearTextCommand { get; private set; }

    /// <summary>
    /// ClearTextCommand绑定事件
    /// </summary>
    private static readonly CommandBinding ClearTextCommandBinding;

    /// <summary>
    /// 清除输入框文本值
    /// </summary>
    private static void ClearButtonClick(object sender, ExecutedRoutedEventArgs e)
    {
        var tbox = e.Parameter as FrameworkElement;

        if (tbox == null)
        {
            return;
        }

        if (tbox is TextBox)
        {
            ((TextBox)tbox).Clear();
        }
        else if (tbox is PasswordBox)
        {
            ((PasswordBox)tbox).Clear();
        }
        else if (tbox is ComboBox)
        {
            var cb = tbox as ComboBox;
            cb.SelectedItem = null;
            cb.Text = string.Empty;
        }
        else if (tbox is DatePicker)
        {
            var dp = tbox as DatePicker;
            dp.SelectedDate = null;
            dp.Text = string.Empty;
        }

        tbox.Focus();
    }

    #endregion

    #region IsClearTextButtonBehaviorEnabledProperty 清除输入框Text值按钮行为开关（设为ture时才会绑定事件）
    /// <summary>
    /// 清除输入框Text值按钮行为开关
    /// </summary>
    public static readonly DependencyProperty IsClearButtonEnabledProperty = DependencyProperty.RegisterAttached("IsClearButtonEnabled", typeof(bool), 
                    typeof(ControlAttachProperty), new FrameworkPropertyMetadata(false, IsClearButtonEnabledChanged));

    [AttachedPropertyBrowsableForType(typeof(TextBox))]
    public static bool GetIsClearButtonEnabled(DependencyObject d)
    {
        return (bool)d.GetValue(IsClearButtonEnabledProperty);
    }

    public static void SetIsClearButtonEnabled(DependencyObject obj, bool value)
    {
        obj.SetValue(IsClearButtonEnabledProperty, value);
    }

    /// <summary>
    /// 绑定清除Text操作的按钮事件
    /// </summary>
    private static void IsClearButtonEnabledChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        var button = d as ImageButton;
        if ((null != button) && (e.OldValue != e.NewValue))
        {
            button.CommandBindings.Add(ClearTextCommandBinding);
        }
    }

    #endregion
}

PasswordBoxHelper.cs别人的，主要解决PasswordBox的Password不是依赖属性问题

public static class PasswordBoxHelper
{
    static PasswordBoxHelper()
    {

    }

    public static readonly DependencyProperty AttachProperty = DependencyProperty.RegisterAttached("Attach", typeof(bool),
                                                    typeof(PasswordBoxHelper), new PropertyMetadata(false, AttachToPasswordBox));

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

    public static readonly DependencyProperty PasswordProperty = DependencyProperty.RegisterAttached("Password", typeof(string),
                                                    typeof(PasswordBoxHelper), new FrameworkPropertyMetadata("", OnPasswordPropertyChanged));
    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 readonly DependencyProperty IsUpdatingProperty = DependencyProperty.RegisterAttached("IsUpdating", typeof(bool), typeof(PasswordBoxHelper));
    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 AttachToPasswordBox(DependencyObject sender, DependencyPropertyChangedEventArgs e)
    {
        PasswordBox passwordBox = sender as PasswordBox;
        if (null == passwordBox)
        {
            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);
    }
}

ImageTextBoxMarginLeftConverter.cs

public class ImageTextBoxMarginLeftConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is double)
        {
            double v = (double)value;
            if (null != parameter)
            {
                return v * double.Parse(parameter.ToString());
            }
            return v * 2.0 / 5.0;
        }
        return 0;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

PlaceholderFontSizeConverter.cs

public class PlaceholderFontSizeConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        double v = (double)value;

        return (v * 3.5) / 5.0;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

使用：

<StackPanel Grid.Row="3" Orientation="Horizontal">
    <PasswordBox x:Name="usrPassword" Width="150" Height="40"
        Style="{StaticResource ClearButtonPasswordBox}"
                    Margin="3"
                    control:ControlAttachProperty.PlaceHolder="请输入密码"/>
    <PasswordBox x:Name="usrPassword1" Width="150" Height="40"
        Style="{StaticResource ClearButtonPasswordBox}"
                    PasswordChar="*" Margin="3"
                    control:ControlAttachProperty.PlaceHolder="请输入密码"
                    IsEnabled="False"/>
    <PasswordBox x:Name="usrPassword2" Width="150" Height="40"
        Style="{StaticResource ClearButtonPasswordBox}"
                    PasswordChar="*" Margin="3"
                    control:ControlAttachProperty.PlaceHolder="请输入密码"
                    control:ControlAttachProperty.CornerRadius="10"
                    IsEnabled="True"/>
</StackPanel>