使用附加属性增加控件属性，使得这个附加属性在使用的时候没有局限性，可以在任何的控件中使用它来增加所需要的属性，使得控件的属性使用起来非常灵活
一、自定义附加属性
| 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 > |