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 >

猜你喜欢

转载自www.cnblogs.com/lonelyxmas/p/9479063.html