WPF的依赖属性

摘要:
依赖属性可以支持WPF中的样式设置、数据绑定、继承、动画和默认值。根据其应用场景,将所有属性设置为从属属性并不总是正确的解决方案。

一、什么是依赖属性

依赖属性就是一种自己可以没有值,并且可以通过绑定从其他数据源获取值。依赖属性可支持WPF中的样式设置、数据绑定、继承、动画及默认值。

将所有的属性都设置为依赖属性并不总是正确的解决方案,具体取决于其应用场景。有时,使用私有字段实现属性的典型方法便能满足要求。MSDN中给出了下面几种应用依赖属性的场景:

1. 希望可在样式中设置属性。

2. 希望属性支持数据绑定。

3. 希望可使用动态资源引用设置属性。

4. 希望从元素树中的父元素自动继承属性值。

5. 希望属性可进行动画处理。

6. 希望属性系统在属性系统、环境或用户执行的操作或者读取并使用样式更改了属性以前的值时报告。

7. 希望使用已建立的、WPF 进程也使用的元数据约定,例如报告更改属性值时是否要求布局系统重新编写元素的可视化对象。

二、依赖属性的特点

1、属性变更通知

无论什么时候,只要依赖属性的值发生改变,wpf就会自动根据属性的元数据触发一系列的动作,这些动作可以重新呈现UI元素,也可以更新当前的布局,刷新数据绑定等等,这种变更的通知最有趣的特点之一就是属性触发器,它可以在属性值改变的时候,执行一系列自定义的动作,而不需要更改任何其他的代码来实现。通过下面的示例来演示属性变更通知

示例:当鼠标移动到Button按钮上面时,文字的前景色变为红色,离开时变为默认颜色黑色,采用传统方式和依赖属性两种方式实现:

(1)、使用传统方式实现,在Button按钮上定义MouseEnter和MouseLeave两个事件,分别处理鼠标移动到按钮上面和离开,XAML界面代码:

复制代码
1 <Window x: 
2         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
3         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
4         Title="Grid面板"     WindowStartupLocation="CenterScreen">
5     <Grid >              
6         <Button     MouseEnter="Button_MouseEnter" MouseLeave="Button_MouseLeave" >鼠标移动到上面,前景色变为红色</Button>        
7     </Grid>
8 </Window>
复制代码

C#后台代码实现:

复制代码
 1 using System;
 2 using System.Collections.Generic;
 3 using System.Linq;
 4 using System.Text;
 5 using System.Threading.Tasks;
 6 using System.Windows;
 7 using System.Windows.Controls;
 8 using System.Windows.Data;
 9 using System.Windows.Documents;
10 using System.Windows.Input;
11 using System.Windows.Media;
12 using System.Windows.Media.Imaging;
13 using System.Windows.Navigation;
14 using System.Windows.Shapes;
15 
16 namespace WpfDemo
17 {
18     /// <summary>
19     /// MainWindow.xaml 的交互逻辑
20     /// </summary>
21     public partial class MainWindow : Window
22     {
23         public MainWindow()
24         {
25             InitializeComponent();
26         }
27 
28         /// <summary>
29         /// 鼠标移动到按钮上面
30         /// </summary>
31         /// <param name="sender"></param>
32         /// <param name="e"></param>
33         private void Button_MouseEnter(object sender, MouseEventArgs e)
34         {
35             Button btn = sender as Button;
36             if (btn != null)
37             {
38                 btn.Foreground = Brushes.Red;
39             }
40         }
41 
42         /// <summary>
43         /// 鼠标离开按钮
44         /// </summary>
45         /// <param name="sender"></param>
46         /// <param name="e"></param>
47         private void Button_MouseLeave(object sender, MouseEventArgs e)
48         {
49             Button btn = sender as Button;
50             if (btn != null)
51             {
52                 btn.Foreground = Brushes.Black;
53             }
54         }
55     }
56 }
复制代码

(2)使用依赖属性实现,XAML界面代码:

复制代码
 1 <Window x: 
 2         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 3         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 4         Title="Grid面板"     WindowStartupLocation="CenterScreen">
 5     <Grid >
 6         <Button   Width="200">鼠标移动到上面,前景色变为红色
 7             <Button.Style>
 8                 <Style TargetType="Button">
 9                     <Style.Triggers>
10                         <Trigger Property="IsMouseOver" Value="true">
11                             <Setter Property="Foreground" Value="Red"></Setter>
12                         </Trigger>
13                     </Style.Triggers>
14                 </Style>
15             </Button.Style>
16         </Button>
17     </Grid>
18 </Window>
复制代码

使用上面的两种方式都可以实现Button按钮的前景色改变,效果如下:

WPF的依赖属性第7张

在判断属性IsMouseOver的值为false的时候,自动将Foreground的值改为之前的值,因此就不需要写IsMouseOver的值为false的时候,将Foreground的值改为Black。

2、属性值继承

是指属性值自顶向下沿着元素树进行传递。

复制代码
 1 <Window x: 
 2         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 3         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 4         Title="依赖属性"     FontSize="18" WindowStartupLocation="CenterScreen">
 5     <Grid >
 6         <StackPanel>
 7             <TextBlock>我使用的是继承的fontsize</TextBlock>
 8             <TextBlock FontSize="11">我使用的是自己的fontsize</TextBlock>
 9         </StackPanel>
10     </Grid>
11 </Window>
复制代码

界面运行效果:

WPF的依赖属性第10张

3、节省内存空间

依赖属性和CLR属性在内存的使用上是截然不同的,每个CLR属性都包含一个非static的字段,因此当我们实例化一个类型的时候,就会创建该类型所拥有的所有CLR属性,也就是说一个对象所占用的内存在调用new操作进行实例化的时候就已经决定了、而wpf允许对象在创建的时候并不包含用于存储数据的空间,只保留在需要用到数据的时候能够获得该默认值,即用其他对象数据或者实时分配空间的能力。

三、如何自定义依赖属性

1、声明依赖属性变量。依赖属性的声明都是通过public static来公开一个静态变量,变量的类型必须是DependencyProperty
2、在属性系统中进行注册。使用DependencyProperty.Register方法来注册依赖属性,或者是使用DependencyProperty.RegisterReadOnly方法来注册
3、使用.NET属性包装依赖属性

在类上实现属性时,只要该类派生自 DependencyObject,便可以选择使用 DependencyProperty 标识符来标示属性,从而将其设置为依赖属性。其语法如下:

复制代码
 1 public static DependencyProperty TextProperty;
 2        TextProperty =
 3        DependencyProperty.Register("Text", //属性名称
 4        typeof(string), //属性类型
 5        typeof(TestDependencyPropertyWindow), //该属性所有者,即将该属性注册到那个类上
 6        new PropertyMetadata("")); //属性默认值
 7         
 8 public string Text
 9 {
10    get { return (string)GetValue(TextProperty); }
11    set { SetValue(TextProperty, value); }
12 }
复制代码

 示例:自定义一个依赖属性,界面包括一个TextBox和TextBlock,TextBlock上面字体的前景色随TextBox里面输入的颜色而改变,如果TextBox里面输入的值可以转换成颜色,TextBlock字体的前景色会显示输入的颜色值,如果不能转换,显示默认的前景色。

1、在当前项目里面添加一个WPF版的用户控件,命名为“MyDependencyProperty”,在MyDependencyProperty.xaml.cs文件里面自定义一个依赖属性:

复制代码
 1 using System;
 2 using System.Collections.Generic;
 3 using System.Linq;
 4 using System.Text;
 5 using System.Threading.Tasks;
 6 using System.Windows;
 7 using System.Windows.Controls;
 8 using System.Windows.Data;
 9 using System.Windows.Documents;
10 using System.Windows.Input;
11 using System.Windows.Media;
12 using System.Windows.Media.Imaging;
13 using System.Windows.Navigation;
14 using System.Windows.Shapes;
15 
16 namespace WpfDemo
17 {
18     /// <summary>
19     /// MyDependencyProperty.xaml 的交互逻辑
20     /// </summary>
21     public partial class MyDependencyProperty : UserControl
22     {
23         public MyDependencyProperty()
24         {
25             InitializeComponent();
26         }
27 
28         //1、声明依赖属性变量
29         public static readonly DependencyProperty MyColorProperty;
30 
31         //2、在属性系统中进行注册
32         static MyDependencyProperty()
33         {
34             MyColorProperty = DependencyProperty.Register("MyColor", typeof(string), typeof(MyDependencyProperty),
35                 new PropertyMetadata("Red", (s, e) => 
36                 {
37                     var mdp = s as MyDependencyProperty;  // MyDependencyProperty是usercontrol控件名称
38                     if (mdp != null)
39                     {
40                         try
41                         {
42                             var color = (Color)ColorConverter.ConvertFromString(e.NewValue.ToString());
43                             mdp.Foreground = new SolidColorBrush(color);
44                         }
45                         catch
46                         {
47                             mdp.Foreground = new SolidColorBrush(Colors.Black);
48                         }
49                     }
50                 
51                 }));
52         }
53 
54         //3、使用.NET属性包装依赖属性:属性名称与注册时候的名称必须一致,
55         //即属性名MyColor对应注册时的MyColor
56         public string MyColor 
57         {
58             get
59             {
60                 return (string)GetValue(MyColorProperty);
61             }
62             set
63             {
64                 SetValue(MyColorProperty, value);
65             }
66         }                    
67     }
68 }
复制代码

快速定义依赖属性的快捷方式:

输入propdp,连续按两下Tab健,自动生成定义依赖属性的语法。和输入cw连续按两下Tab健,自动生成Console.Write()一样。

复制代码
1 public int MyProperty
2         {
3             get { return (int)GetValue(MyPropertyProperty); }
4             set { SetValue(MyPropertyProperty, value); }
5         }
6 
7         // Using a DependencyProperty as the backing store for MyProperty.  This enables animation, styling, binding, etc...
8         public static readonly DependencyProperty MyPropertyProperty =
9             DependencyProperty.Register("MyProperty", typeof(int), typeof(ownerclass), new PropertyMetadata(0));
复制代码

2、在MyDependencyProperty.xaml里面添加一个TextBlock

复制代码
 1 <UserControl x: 
 2              xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 3              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 4              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
 5              xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
 6              mc:Ignorable="d" 
 7              d:DesignHeight="300" d:DesignWidth="300">
 8     <Grid>
 9         <TextBlock>我是自定义的依赖属性</TextBlock>
10     </Grid>
11 </UserControl>
复制代码

3、在MainWindow.xaml里面引用新创建的用户控件,并添加一个TextBox,用于输入颜色值,并将自定义的依赖属性MyColor绑定到TextBox

复制代码
 1 <Window x: 
 2         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 3         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"       
 4         xmlns:p="clr-namespace:WpfDemo"
 5         Title="依赖属性"     WindowStartupLocation="CenterScreen">
 6     <Grid >
 7         <StackPanel>
 8             <TextBox Name="tbColor"></TextBox>
 9             <p:MyDependencyProperty MyColor="{Binding Path=Text,ElementName=tbColor}" ></p:MyDependencyProperty>
10         </StackPanel>        
11     </Grid>
12 </Window>

在设计界面显示的效果:

WPF的依赖属性第21张

4、程序运行效果:

在TextBox里面输入正确的颜色值,前景色会显示为当前输入的颜色:

WPF的依赖属性第22张

在TextBox里面输入错误的颜色值,前景色会显示为默认颜色:

WPF的依赖属性第23张

免责声明:文章转载自《WPF的依赖属性》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Vue3.0 全面探索 基于 Visual Studio Code 的代码片段开发插件Kong 入门简介下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

C# winform 动态添加控件 以及 事件

C# winform 动态添加控件 以及 事件以下代码将在加载窗体时动态生成若干按钮,并排列显示在winform上using System;using System.Collections.Generic;using System.ComponentModel;using System.Data;using System.Drawing;using Sys...

Python3 tkinter 界面布局(转自https://blog.csdn.net/junjun5156/article/details/72510927)

所谓布局,就是指控制窗体容器中各个控件(组件)的位置关系。tkinter 共有三种几何布局管理器,分别是:pack布局,grid布局,place布局。 pack布局 使用 pack布局,将向容器中添加组件,第一个添加的组件在最上方,然后是依次向下添加。 1 from tkinter import * 2 3 root =Tk() 4 5 #创建三...

Power BI

Power BI实战演练 -将Excel工作簿中的数据导入Power BI Desktop中导入Excel工作簿 步骤04-选择导入的文件 步骤05-查看、处理数据透视列 - 行转列 逆透视 - 列转行 步骤06-启动管理关系功能 步骤07-启动检测关系 步骤08-新建关系 步骤09-创建新的关系 步骤10-查看关系的建立结果 步骤11-插入图像 步骤12...

U8客开插件-一、标准单据标准按钮执行前验证操作

今天要做的就是在标准的单据的标准按钮之前进行验证操作,如果验证通过执行保存,如果不通过给予提示不进行保存。 下面拿销售出库单的保存按钮进行举例: 第一步:在程序中 ctrl+Shift  点击保存之后用写字板,粘贴  key   取到 : 单据Key=0303、保存,按钮Tooltip:保存     F6,按钮Key:tlbSave; 第二步:VB工程及保...

WPF 语言格式化文本控件

前言 本章讲述正确添加语言资源的方式,以及一段语言资源的多种样式显示。 例如:“@Winter,你好!感谢已使用软件 800 天!” 在添加如上多语言资源项时,“XX,你好!感谢已使用软件 X 天!” 那么,你是怎么添加语言资源的呢? 分别添加,“,你好!”、“感谢已使用软件”、“年”3个,再通过界面绑定动态变量 昵称和使用天数? 假如你是按照如上添加语言...

如何创建Node.js Web服务器

Web服务器主流的有Apache, Nginx 和 IIS. 这些我们都不用, 我们用Jave创建一个服务器. 1. 首先安装Java库和NodeJS库, 这些都是开源的库,可以在网上直接下载, 安装, 设置好环境变量就可以了. 2. 写一个Web服务的脚本文件: server.js 1 var http = require('http'); 2 va...