WPF 使用附加属性增加控件属性

原文:
WPF 使用附加属性增加控件属性

使用附加属性增加控件属性,使得这个附加属性在使用的时候没有局限性,可以在任何的控件中使用它来增加所需要的属性,使得控件的属性使用起来非常灵活

 

一、自定义附加属性

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 using  System; using  System.Collections.Generic; using  System.Linq; using  System.Text; using  System.Threading.Tasks; using  System.Windows; using  System.Windows.Controls; using  System.Windows.Input; using  System.Windows.Media; namespace  Demo3.Control {      public  class  ControlAttachProperty      {          #region 圆角            public  static  CornerRadius GetCornerRadius(DependencyObject obj)         //注意附加属性定义和依赖属性的不同          {              return  (CornerRadius)obj.GetValue(CornerRadiusProperty);  //Obj是使用了附加属性的对象          }            public  static  void  SetCornerRadius(DependencyObject obj, CornerRadius value)          {              obj.SetValue(CornerRadiusProperty, value);          }            // Using a DependencyProperty as the backing store for CornerRadius.  This enables animation, styling, binding, etc...          public  static  readonly  DependencyProperty CornerRadiusProperty =              DependencyProperty.RegisterAttached( "CornerRadius" typeof (CornerRadius),  typeof (ControlAttachProperty),  new  PropertyMetadata( null ));                    #endregion            #region 用户头像模板            public  static  ControlTemplate GetIconTemplate(DependencyObject obj)          {              return  (ControlTemplate)obj.GetValue(IconTemplateProperty);          }            public  static  void  SetIconTemplate(DependencyObject obj, ControlTemplate value)          {              obj.SetValue(IconTemplateProperty, value);          }            // Using a DependencyProperty as the backing store for IconTemplate.  This enables animation, styling, binding, etc...          public  static  readonly  DependencyProperty IconTemplateProperty =              DependencyProperty.RegisterAttached( "IconTemplate" typeof (ControlTemplate),  typeof (ControlAttachProperty),  new  PropertyMetadata( null ));            #endregion            #region 删除按妞区域模板            public  static  ControlTemplate GetAttachTemplate(DependencyObject obj)          {              return  (ControlTemplate)obj.GetValue(AttachTemplateProperty);          }            public  static  void  SetAttachTemplate(DependencyObject obj, ControlTemplate value)          {              obj.SetValue(AttachTemplateProperty, value);          }            // Using a DependencyProperty as the backing store for AttachTemplate.  This enables animation, styling, binding, etc...          public  static  readonly  DependencyProperty AttachTemplateProperty =              DependencyProperty.RegisterAttached( "AttachTemplate" typeof (ControlTemplate),  typeof (ControlAttachProperty),  new  PropertyMetadata( null ));                    #endregion            #region 用户名水印            public  static  string  GetUserNameWaterMark(DependencyObject obj)          {              return  ( string )obj.GetValue(UserNameWaterMarkProperty);          }            public  static  void  SetUserNameWaterMark(DependencyObject obj,  string  value)          {              obj.SetValue(UserNameWaterMarkProperty, value);          }            // Using a DependencyProperty as the backing store for UserNameWaterMark.  This enables animation, styling, binding, etc...          public  static  readonly  DependencyProperty UserNameWaterMarkProperty =              DependencyProperty.RegisterAttached( "UserNameWaterMark" typeof ( string ),  typeof (ControlAttachProperty),  new  PropertyMetadata( null ));            #endregion            #region 密码水印            public  static  string  GetPasswordWaterMark(DependencyObject obj)          {              return  ( string )obj.GetValue(PasswordWaterMarkProperty);          }            public  static  void  SetPasswordWaterMark(DependencyObject obj,  string  value)          {              obj.SetValue(PasswordWaterMarkProperty, value);          }            // Using a DependencyProperty as the backing store for PasswordWaterMark.  This enables animation, styling, binding, etc...          public  static  readonly  DependencyProperty PasswordWaterMarkProperty =              DependencyProperty.RegisterAttached( "PasswordWaterMark" typeof ( string ),  typeof (ControlAttachProperty),  new  PropertyMetadata( null ));             #endregion            #region 用户头像(未被点击时)            public  static  string  GetUserIcon(DependencyObject obj)          {              return  ( string )obj.GetValue(UserIconProperty);          }            public  static  void  SetUserIcon(DependencyObject obj,  string  value)          {              obj.SetValue(UserIconProperty, value);          }            // Using a DependencyProperty as the backing store for UserIcon.  This enables animation, styling, binding, etc...          public  static  readonly  DependencyProperty UserIconProperty =              DependencyProperty.RegisterAttached( "UserIcon" typeof ( string ),  typeof (ControlAttachProperty),  new  PropertyMetadata( null ));                       #endregion            #region 用户头像(点击时)            public  static  string  GetUserIconPress(DependencyObject obj)          {              return  ( string )obj.GetValue(UserIconPressProperty);          }            public  static  void  SetUserIconPress(DependencyObject obj,  string  value)          {              obj.SetValue(UserIconPressProperty, value);          }            // Using a DependencyProperty as the backing store for UserIconPress.  This enables animation, styling, binding, etc...          public  static  readonly  DependencyProperty UserIconPressProperty =              DependencyProperty.RegisterAttached( "UserIconPress" typeof ( string ),  typeof (ControlAttachProperty),  new  PropertyMetadata( null ));                    #endregion            #region 密码图标(未被点击时)            public  static  string  GetPassWordIcon(DependencyObject obj)          {              return  ( string )obj.GetValue(PassWordIconProperty);          }            public  static  void  SetPassWordIcon(DependencyObject obj,  string  value)          {              obj.SetValue(PassWordIconProperty, value);          }            // Using a DependencyProperty as the backing store for PassWordIcon.  This enables animation, styling, binding, etc...          public  static  readonly  DependencyProperty PassWordIconProperty =              DependencyProperty.RegisterAttached( "PassWordIcon" typeof ( string ),  typeof (ControlAttachProperty),  new  PropertyMetadata( null ));                   #endregion            #region 密码图标(点击时)            public  static  string  GetPasswordIconPress(DependencyObject obj)          {              return  ( string )obj.GetValue(PasswordIconPressProperty);          }            public  static  void  SetPasswordIconPress(DependencyObject obj,  string  value)          {              obj.SetValue(PasswordIconPressProperty, value);          }            // Using a DependencyProperty as the backing store for PasswordIconPress.  This enables animation, styling, binding, etc...          public  static  readonly  DependencyProperty PasswordIconPressProperty =              DependencyProperty.RegisterAttached( "PasswordIconPress" typeof ( string ),  typeof (ControlAttachProperty),  new  PropertyMetadata( null ));              #endregion            #region 删除按妞背景图片            public  static  ImageBrush GetDeleteButtonBG(DependencyObject obj)          {              return  (ImageBrush)obj.GetValue(DeleteButtonBGProperty);          }            public  static  void  SetDeleteButtonBG(DependencyObject obj, ImageBrush value)          {              obj.SetValue(DeleteButtonBGProperty, value);          }            // Using a DependencyProperty as the backing store for DeleteButtonBG.  This enables animation, styling, binding, etc...          public  static  readonly  DependencyProperty DeleteButtonBGProperty =              DependencyProperty.RegisterAttached( "DeleteButtonBG" typeof (ImageBrush),  typeof (ControlAttachProperty),  new  PropertyMetadata( null ));            #endregion            #region 定义是否开启绑定事件              public  static  bool  GetIsCommandClearTextEvent(DependencyObject obj)          {              return  ( bool )obj.GetValue(IsCommandClearTextEventProperty);          }            public  static  void  SetIsCommandClearTextEvent(DependencyObject obj,  bool  value)          {              obj.SetValue(IsCommandClearTextEventProperty, value);          }            // Using a DependencyProperty as the backing store for IsCommandClearTextEvent.  This enables animation, styling, binding, etc...          public  static  readonly  DependencyProperty IsCommandClearTextEventProperty =              DependencyProperty.RegisterAttached( "IsCommandClearTextEvent" typeof ( bool ),  typeof (ControlAttachProperty),  new  FrameworkPropertyMetadata( false ,IsCommandClearTextEventChanged));            private  static  void  IsCommandClearTextEventChanged(DependencyObject d,DependencyPropertyChangedEventArgs e)          {            }          #endregion            #region 是否显示密码样式            public  static  bool  GetIsVisiblityPassword(DependencyObject obj)          {              return  ( bool )obj.GetValue(IsVisiblityPasswordProperty);          }            public  static  void  SetIsVisiblityPassword(DependencyObject obj,  bool  value)          {              obj.SetValue(IsVisiblityPasswordProperty, value);          }            // Using a DependencyProperty as the backing store for IsVisiblityPassword.  This enables animation, styling, binding, etc...          public  static  readonly  DependencyProperty IsVisiblityPasswordProperty =              DependencyProperty.RegisterAttached( "IsVisiblityPassword" typeof ( bool ),  typeof (ControlAttachProperty),  new  PropertyMetadata( false ));            #endregion            #region 清除事件命令            public  static  bool  GetIsClearTextButtonBehaviorEnabled(DependencyObject obj)          {              return  ( bool )obj.GetValue(IsClearTextButtonBehaviorEnabledProperty);          }            public  static  void  SetIsClearTextButtonBehaviorEnabled(DependencyObject obj,  bool  value)          {              obj.SetValue(IsClearTextButtonBehaviorEnabledProperty, value);          }            // Using a DependencyProperty as the backing store for IsClearTextButtonBehaviorEnabled.  This enables animation, styling, binding, etc...          public  static  readonly  DependencyProperty IsClearTextButtonBehaviorEnabledProperty =              DependencyProperty.RegisterAttached( "IsClearTextButtonBehaviorEnabled" typeof ( bool ),  typeof (ControlAttachProperty),  new  FrameworkPropertyMetadata( false ,IsClearTextButtonBehaviorEnabledChanged));            /// <summary>          /// 当附加属性值发生改变时,调用此方法          /// </summary>          /// <param name="d"></param>          /// <param name="e"></param>          private  static  void  IsClearTextButtonBehaviorEnabledChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)          {              var  button=d  as  DeleteButton;              if (e.OldValue != e.NewValue)              {                  //当命令触发的时候,会向上传递,而此时这个命令外围就是自己本身                  button.CommandBindings.Add(ClearTextCommandBinding);              }          }            /**           * 当命令触发的时候,会一级一级向上传递,当传递到命令关联者时,会处理这个命令           */            /// <summary>          /// 创建一个命令          /// </summary>          public  static  RoutedUICommand ClearTextCommand{ get ; private  set ;}                    /// <summary>          /// 命令绑定关联          /// </summary>          private  static  readonly  CommandBinding ClearTextCommandBinding;            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();              }                tbox.Focus();          }            #endregion            static  ControlAttachProperty()          {              ClearTextCommand =  new  RoutedUICommand();                ClearTextCommandBinding = new  CommandBinding();              //将者命令加入到这个命令关联中,如果某个控件调用了这个命令,只要他所在的层级中有关联这个命令关联对象,那么这个命令对象就会对其进行处理              ClearTextCommandBinding.Command = ClearTextCommand;              ClearTextCommandBinding.Executed+=ClearButtonClick;          }      } }

  

在布局文件中使用它

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 < Window  x:Class="Demo3.MainWindow"          xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"          xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"          xmlns:c="clr-namespace:Demo3.Control"          Background="Black"          Title="MainWindow"          WindowStartupLocation="CenterScreen"          Height="350"          Width="525">        < StackPanel >          < TextBox  x:Name="UserName"                   Width="230"                   Height="38"                   Margin="0,20,0,0"                   FontSize="18"                   VerticalContentAlignment="Center"                   c:ControlAttachProperty.CornerRadius="5"                   c:ControlAttachProperty.UserNameWaterMark="用户名"                   c:ControlAttachProperty.UserIcon="{StaticResource UserName_BG}"                   c:ControlAttachProperty.UserIconPress="{StaticResource UserName_BG_Press}"                   c:ControlAttachProperty.DeleteButtonBG="{StaticResource Delete_Button_BG}"                   c:ControlAttachProperty.IsVisiblityPassword="false"                   Style="{StaticResource IconClearButtonTextBox}" />            < TextBox  x:Name="Password"                   Width="230"                   Height="38"                   Margin="0,20,0,0"                   FontSize="18"                   VerticalContentAlignment="Center"                   c:ControlAttachProperty.CornerRadius="5"                   c:ControlAttachProperty.UserNameWaterMark="密码"                   c:ControlAttachProperty.UserIcon="{StaticResource Password_BG}"                   c:ControlAttachProperty.UserIconPress="{StaticResource Password_BG_Press}"                   c:ControlAttachProperty.DeleteButtonBG="{StaticResource Delete_Button_BG}"                   c:ControlAttachProperty.IsVisiblityPassword="true"                   Style="{StaticResource IconClearButtonTextBox}" />      </ StackPanel >             </ Window >

  

在style文件中进行使用

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 < ResourceDictionary  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"                      xmlns:c="clr-namespace:Demo3.Control"                      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">            < ResourceDictionary.MergedDictionaries >          < ResourceDictionary  Source="/Demo3;component/Resources/Style/DeleteButton.xaml" />      </ ResourceDictionary.MergedDictionaries >            <!--TextBox默认样式-->      < Style  x:Key="DefaultTextBox" TargetType="{x:Type TextBox}">          < Setter  Property="ContextMenu" Value="{DynamicResource TextBoxContextMenu}" />          < Setter  Property="VerticalContentAlignment" Value="Center" />          < Setter  Property="SnapsToDevicePixels" Value="True" />          < Setter  Property="Template">              < Setter.Value >                  < ControlTemplate  TargetType="{x:Type TextBox}">                      < Border  x:Name="Bg"                              SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"                              CornerRadius="{TemplateBinding c:ControlAttachProperty.CornerRadius}"                              Background="White"                              BorderBrush="Transparent"                              BorderThickness="0">                          < Grid  x:Name="PART_InnerGrid">                              < Grid.ColumnDefinitions >                                  < ColumnDefinition  Width="30"/>                                  < ColumnDefinition  />                                  < ColumnDefinition  Width="40"/>                              </ Grid.ColumnDefinitions >                                <!--用户头像区域-->                              < ContentControl  x:Name="UserIcon"                                              Grid.Column="0"                                              Margin="5"                                              Template="{TemplateBinding c:ControlAttachProperty.IconTemplate}"                                              Focusable="False" />                                                            <!--文本和水印-->                              < ScrollViewer  x:Name="PART_ContentHost"                                            BorderThickness="0"                                            Grid.Column="1"                                            IsTabStop="False"                                            Margin="2"                                            VerticalAlignment="Stretch"                                            Background="{x:Null}" />                              < TextBlock  x:Name="WaterMark"                                         Grid.Column="1"                                         VerticalAlignment="Center"                                         Foreground="Silver"                                         FontSize="18"                                         Text="{TemplateBinding c:ControlAttachProperty.UserNameWaterMark}"                                         Visibility="Collapsed"                                         Padding="5,0,0,0" />                                                            <!-- 删除按钮-->                              < ContentControl  x:Name="DeleteIcon"                                              Grid.Column="2"                                              Width="15"                                              Height="15"                                              Margin="0,5,10,5"                                              Visibility="Visible"                                              VerticalAlignment="Center"                                              HorizontalAlignment="Right"                                              Template="{TemplateBinding c:ControlAttachProperty.AttachTemplate}"                                              Focusable="False" />                          </ Grid >                      </ Border >                                            < ControlTemplate.Triggers >                          <!--当Text为空时,隐藏删除按钮-->                          < DataTrigger  Binding="{Binding RelativeSource={RelativeSource Self},Path=Text}" Value="">                              < Setter  Property="Visibility" TargetName="DeleteIcon" Value="Collapsed" />                              < Setter  Property="Visibility" TargetName="WaterMark" Value="Visible" />                          </ DataTrigger >                                                    <!--是否显示密码样式-->                          < Trigger  Property="c:ControlAttachProperty.IsVisiblityPassword" Value="True">                              < Setter  Property="Height" Value="30"/>                              < Setter  Property="Foreground" Value="Transparent"></ Setter >                              < Setter  Property="FontSize" Value="20"></ Setter >                              < Setter  Property="FontFamily" Value="Courier New"></ Setter >                              < Setter  Property="TextDecorations">                                  < Setter.Value >                                      < TextDecorationCollection >                                          < TextDecoration >                                              < TextDecoration.Pen >                                                  < Pen  Thickness="10"                                                       Brush="Black"                                                       EndLineCap="Round"                                                       StartLineCap="Round"                                                       DashCap="Round"  >                                                      < Pen.DashStyle >                                                          < DashStyle  Dashes="0.0,1.2" Offset="0.6"/>                                                      </ Pen.DashStyle >                                                  </ Pen >                                              </ TextDecoration.Pen >                                              < TextDecoration.Location >                                                  < TextDecorationLocation >Strikethrough</ TextDecorationLocation >                                              </ TextDecoration.Location >                                          </ TextDecoration >                                      </ TextDecorationCollection >                                  </ Setter.Value >                              </ Setter >                          </ Trigger >                      </ ControlTemplate.Triggers >                  </ ControlTemplate >              </ Setter.Value >          </ Setter >      </ Style >            <!--TextBox包含附加属性Icon,以及ClearText按钮的样式-->      < Style  x:Key="IconClearButtonTextBox" TargetType="{x:Type TextBox}" BasedOn="{StaticResource DefaultTextBox}">          <!--设置用户头像模板-->          < Setter  Property="c:ControlAttachProperty.IconTemplate">              < Setter.Value >                  < ControlTemplate  TargetType="ContentControl">                      < Grid >                        < Image  x:Name="Bg_HP"                               Source="{Binding Path=(c:ControlAttachProperty.UserIcon),RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type TextBox}}}"                               Visibility="Visible"/>                        < Image  x:Name="Bg_HP_Press"                               Source="{Binding Path=(c:ControlAttachProperty.UserIconPress),RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type TextBox}}}"                               Visibility="Collapsed" />                      </ Grid >                                            < ControlTemplate.Triggers >                          < DataTrigger  Binding="{Binding IsFocused, RelativeSource={RelativeSource FindAncestor,AncestorType={x:Type TextBox}}}" Value="true">                              < Setter  Property="Visibility" TargetName="Bg_HP" Value="Collapsed" />                              < Setter  Property="Visibility" TargetName="Bg_HP_Press" Value="Visible" />                          </ DataTrigger >                      </ ControlTemplate.Triggers >                  </ ControlTemplate >              </ Setter.Value >          </ Setter >            <!--设置删除按妞模板-->          < Setter  Property="c:ControlAttachProperty.AttachTemplate">              < Setter.Value >                  < ControlTemplate  TargetType="ContentControl">                      < c:DeleteButton  ButtonBG="{Binding Path=(c:ControlAttachProperty.DeleteButtonBG),RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type TextBox}}}"                                      BorderBrush="Transparent"                                      Style="{StaticResource DeleteButtonStyle}"                                      BorderThickness="0"                                      x:Name="CleanButton"                                      c:ControlAttachProperty.IsClearTextButtonBehaviorEnabled="True"                                      Command="c:ControlAttachProperty.ClearTextCommand"                                      CommandParameter="{Binding RelativeSource={RelativeSource FindAncestor,AncestorType={x:Type TextBox}}}"                                      Focusable="false" />                                            < ControlTemplate.Triggers >                          < DataTrigger  Binding="{Binding Text,RelativeSource={RelativeSource FindAncestor,AncestorType={x:Type TextBox}}}" Value="">                              < Setter  Property="Visibility" TargetName="CleanButton" Value="Collapsed" />                          </ DataTrigger >                      </ ControlTemplate.Triggers >                  </ ControlTemplate >              </ Setter.Value >          </ Setter >      </ Style > </ ResourceDictionary >