WPF-依赖属性《十》

已于 2023-12-12 21:54:45 修改
阅读量1.2k 收藏 1
点赞数 1
分类专栏： # WPF基础 文章标签： wpf
于 2022-08-17 00:31:37 首次发布
分享的越多，得到的越多。 记录的越多，忘记的越少。----故里2130
本文链接：https://blog.csdn.net/u012563853/article/details/126355178
版权

非常重要

依赖属性和附加属性，两者是有关系的，也是有些区别的，很多时候，可能会把两者混淆了。

依赖属性（Dependency property）

        就是一种自己没有值，并能通过使用Binding从数据源获取值，也就是依赖别人身上的属性，拥有依赖属性的对象，称为依赖对象。

1.下面举例给按钮增加一个依赖属性，把图片和按钮封装在一起，当做一个控件来使用，创建一个项目

  

2.增加一个类ButtonEx，继承Button

创建ButtonEx类的时候，选择“自定义控件”即可，会自动产生模板。

可以使用快捷键创建，输入propdp，点击tab按钮2次，就会自动出现

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Media;
using System.Windows;
using System.Windows.Controls;

namespace btnDemo
{
    public class ButtonEx : Button
    {
        static ButtonEx()
        {
            DefaultStyleKeyProperty.OverrideMetadata(typeof(ButtonEx), new FrameworkPropertyMetadata(typeof(ButtonEx)));//使ButtonEx去读取ButtonEx类型的样式，而不是去读取Button的样式
        }


        public ButtonType ButtonType //定义按钮的类型
        {
            get { return (ButtonType)GetValue(ButtonTypeProperty); }
            set { SetValue(ButtonTypeProperty, value); }
        }

        public static readonly DependencyProperty ButtonTypeProperty =
            DependencyProperty.Register("ButtonType", typeof(ButtonType), typeof(ButtonEx), new PropertyMetadata(ButtonType.Normal, OnButtonTypeChangedCallback));

        //此方法是回调
        private static void OnButtonTypeChangedCallback(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            //此处回调，可以修改按钮上面的默认值，初始化的时候，就走这里
            var res = d as ButtonEx;
            res.ButtonType = (ButtonType)e.NewValue;
            //throw new NotImplementedException();
        }

        public ImageSource Icon      //图片
        {
            get { return (ImageSource)GetValue(IconProperty); }
            set { SetValue(IconProperty, value); }
        }

        public static readonly DependencyProperty IconProperty =
            DependencyProperty.Register("Icon", typeof(ImageSource), typeof(ButtonEx), new PropertyMetadata(null));
        //依赖属性名称，依赖属性数据类型，所属哪个类中，默认属性的元数据

        //public CornerRadius CornerRadius
        //{
        //    get { return (CornerRadius)GetValue(CornerRadiusProperty); }
        //    set { SetValue(CornerRadiusProperty, value); }
        //}

        //public static readonly DependencyProperty CornerRadiusProperty =
        //    DependencyProperty.Register("CornerRadius", typeof(CornerRadius), typeof(ButtonEx), new PropertyMetadata(new CornerRadius(0)));


        public Brush MouseOverForeground
        {
            get { return (Brush)GetValue(MouseOverForegroundProperty); }
            set { SetValue(MouseOverForegroundProperty, value); }
        }

        public static readonly DependencyProperty MouseOverForegroundProperty =
            DependencyProperty.Register("MouseOverForeground", typeof(Brush), typeof(ButtonEx), new PropertyMetadata());
        public Brush MouseOverBackground          //鼠标滑动的时候，背景变色
        {
            get { return (Brush)GetValue(MouseOverBackgroundProperty); }
            set { SetValue(MouseOverBackgroundProperty, value); }
        }

        public static readonly DependencyProperty MouseOverBackgroundProperty =
            DependencyProperty.Register("MouseOverBackground", typeof(Brush), typeof(ButtonEx), new PropertyMetadata());


        public Brush MousePressedForeground
        {
            get { return (Brush)GetValue(MousePressedForegroundProperty); }
            set { SetValue(MousePressedForegroundProperty, value); }
        }

        public static readonly DependencyProperty MousePressedForegroundProperty =
            DependencyProperty.Register("MousePressedForeground", typeof(Brush), typeof(ButtonEx), new PropertyMetadata());


        public Brush MousePressedBackground
        {
            get { return (Brush)GetValue(MousePressedBackgroundProperty); }
            set { SetValue(MousePressedBackgroundProperty, value); }
        }

        public static readonly DependencyProperty MousePressedBackgroundProperty =
            DependencyProperty.Register("MousePressedBackground", typeof(Brush), typeof(ButtonEx), new PropertyMetadata());
    }

    /// <summary>
    /// 按钮和图片组合的类型
    /// </summary>
    public enum ButtonType
    {
        Normal,
        Icon,
        Text,
        IconText,    //图片在左边
        TextIcon     //图片在右边
    }
}

3.建立ButtonEx的样式，建立资源字典Dictionary1.xaml

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                     xmlns:Controls="clr-namespace:btnDemo"
                    >
    <Style TargetType="{x:Type Controls:ButtonEx}">
        <Style.Triggers>
            <Trigger Property="ButtonType" Value="Normal">
                <Setter Property="Background" Value="#43a9c7"/>
                <Setter Property="MouseOverBackground" Value="#2f96b4"/>
                <Setter Property="MousePressedBackground" Value="#2a89a4"/>
                <Setter Property="Foreground" Value="White"/>
                <Setter Property="MouseOverForeground" Value="White"/>
                <Setter Property="MousePressedForeground" Value="White"/>
                <Setter Property="BorderBrush" Value="Transparent"/>
                <Setter Property="BorderThickness" Value="0"/>
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type Controls:ButtonEx}">
                            <Border x:Name="border" Background="{TemplateBinding Background}"  BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Width="{TemplateBinding Width}" Height="{TemplateBinding Height}" SnapsToDevicePixels="True">
                                <TextBlock x:Name="txt" Text="{TemplateBinding Content}" Foreground="{TemplateBinding Foreground}" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                            </Border>
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsMouseOver" Value="True">
                                    <Setter TargetName="border" Property="Background" Value="{Binding MouseOverBackground,RelativeSource={RelativeSource TemplatedParent}}"/>
                                    <Setter TargetName="txt" Property="Foreground" Value="{Binding MouseOverForeground,RelativeSource={RelativeSource TemplatedParent}}"/>
                                    <Setter TargetName="border" Property="BorderBrush" Value="{Binding MouseOverBorderbrush,RelativeSource={RelativeSource TemplatedParent}}"/>
                                </Trigger>
                                <Trigger Property="IsPressed" Value="True">
                                    <Setter TargetName="border" Property="Background" Value="{Binding MousePressedBackground,RelativeSource={RelativeSource TemplatedParent}}"/>
                                    <Setter TargetName="txt" Property="Foreground" Value="{Binding MousePressedForeground,RelativeSource={RelativeSource TemplatedParent}}"/>

                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Trigger>
            <Trigger Property="ButtonType" Value="Icon">
                <Setter Property="Cursor" Value="Hand"/>
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type Controls:ButtonEx}">
                            <Border Width="{TemplateBinding Width}" Height="{TemplateBinding Height}">
                                <Image x:Name="Img" VerticalAlignment="Center" HorizontalAlignment="Center" Source="{TemplateBinding Icon}" Stretch="None"/>
                            </Border>
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsMouseOver" Value="True">
                                    <Setter Property="Opacity" Value="0.8"/>
                                </Trigger>
                                <Trigger Property="IsPressed" Value="True">
                                    <Setter Property="Opacity" Value="0.9"/>
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Trigger>
            <Trigger Property="ButtonType" Value="Text">
                <Setter Property="Cursor" Value="Hand"/>
                <Setter Property="Foreground" Value="#002c99"/>
                <Setter Property="MouseOverForeground" Value="#FF2c99"/>
                <Setter Property="MousePressedForeground" Value="#002c99"/>
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type Controls:ButtonEx}">
                            <TextBlock x:Name="txt" Text="{TemplateBinding Content}" Foreground="{TemplateBinding Foreground}" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsMouseOver" Value="True">
                                    <Setter Property="Foreground" Value="{Binding MouseOverForeground,RelativeSource={RelativeSource TemplatedParent}}" TargetName="txt"/>
                                </Trigger>
                                <Trigger Property="IsPressed" Value="True">
                                    <Setter Property="Foreground" Value="{Binding MousePressedForeground,RelativeSource={RelativeSource TemplatedParent}}" TargetName="txt"/>
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Trigger>
            <!--图片在左-->
            <Trigger Property="ButtonType" Value="IconText">
                <Setter Property="Cursor" Value="Hand"/>
                <Setter Property="Foreground" Value="#555"/>
                <Setter Property="MouseOverForeground" Value="#555"/>
                <Setter Property="MousePressedForeground" Value="#555"/>
                <Setter Property="MouseOverBackground" Value="#555"/>
                <Setter Property="MousePressedBackground" Value="#555"/>
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type Controls:ButtonEx}">
                            <Border Name="bor">
                                <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
                                    <Image Source="{TemplateBinding Icon}" Stretch="None"/>
                                    <TextBlock x:Name="Txt" Text="{TemplateBinding Content}" Foreground="{TemplateBinding Foreground}" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                                </StackPanel>
                            </Border>
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsMouseOver" Value="True">
                                    <Setter Property="Foreground" Value="{Binding MouseOverForeground,RelativeSource={RelativeSource TemplatedParent}}" TargetName="Txt"/>
                                    <Setter Property="Background" Value="{Binding MouseOverBackground  ,RelativeSource={RelativeSource TemplatedParent}}" TargetName="bor"/>
                                </Trigger>
                                <Trigger Property="IsPressed" Value="True">
                                    <Setter Property="Foreground" Value="{Binding MousePressedForeground,RelativeSource={RelativeSource TemplatedParent}}" TargetName="Txt"/>
                                    <Setter Property="Background" Value="{Binding MousePressedBackground  ,RelativeSource={RelativeSource TemplatedParent}}" TargetName="bor"/>
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Trigger>
            <!--图片在右-->
            <Trigger Property="ButtonType" Value="TextIcon">
                <Setter Property="Cursor" Value="Hand"/>
                <Setter Property="Foreground" Value="#555"/>
                <Setter Property="MouseOverForeground" Value="#555"/>
                <Setter Property="MousePressedForeground" Value="#555"/>
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type Controls:ButtonEx}">
                            <Border>
                                <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
                                    <TextBlock x:Name="Txt" Text="{TemplateBinding Content}" Foreground="{TemplateBinding Foreground}" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                                    <Image Source="{TemplateBinding Icon}" Stretch="None"/>
                                </StackPanel>
                            </Border>
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsMouseOver" Value="True">
                                    <Setter Property="Foreground" Value="{Binding MouseOverForeground,RelativeSource={RelativeSource TemplatedParent}}" TargetName="Txt"/>
                                </Trigger>
                                <Trigger Property="IsPressed" Value="True">
                                    <Setter Property="Foreground" Value="{Binding MousePressedForeground,RelativeSource={RelativeSource TemplatedParent}}" TargetName="Txt"/>
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Trigger>
        </Style.Triggers>
    </Style>
</ResourceDictionary>

别忘记在App.xaml中引用

    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="pack://application:,,,/WpfApp4;component/Dictionary1.xaml"/>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>

4.前台界面 

<Window x:Class="btnDemo.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:btnDemo"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <StackPanel  Orientation="Vertical" HorizontalAlignment="Center">
            <Button Width="200" Height="50" Content="13212"  Background="Red" />
            <local:ButtonEx Width="200"   Height="50" Content="图在左" Icon="/imgs/1.png" MouseOverForeground="Green"   MouseOverBackground="Blue"  MousePressedForeground="Red"   MousePressedBackground="Yellow"  Click="ButtonEx_Click" Background="Red"     ButtonType="IconText"/>
            <local:ButtonEx Width="200"   Height="50" Content="图在右" Icon="/imgs/1.png"    ButtonType="TextIcon" />
        </StackPanel>

    </Grid>
</Window>

5.效果

可见，经过依赖属性之后，ButtonEx按钮就带了Icon属性，等等其他属性，可以对其进行设置颜色。 

在ButtonEx类中建立的属性，需要在xaml中去使用，2者需要结合起来使用，如果是封装控件那么2者都需要（在类和xaml中），如果是改变单独的控件，只需要在xaml中写样式就行了。

源码

https://download.csdn.net/download/u012563853/88623261

来源：

WPF-依赖属性《十》_wpf附加属性和依赖属性的使用场景-CSDN博客

故里2130
关注
专栏目录
WPF--依赖属性
weixin_44570949的博客
03-01 2868
WPF--依赖属性 大家都知道WPF带来了很多新的特性，其中一个就是引入了一种新的属性机制——依赖属性。依赖属性出现的目的是用来实现WPF中的样式、自动绑定及实现动画等特性。依赖属性的出现是WPF这种特殊的呈现原理派生出来的，与.NET普通属性不同的是，依赖属性的值是依靠多个提供程序来判断的，并且其具有内建的传递变更通知的能力。 依赖属性基本应用在了WPF的所有需要设置属性的元素。依赖属性根据多个提供对象来决定它的值 （可以是动画、父类元素、绑定、样式和模板等），同时这个值也能及时响应变化。 依赖属性
2019-8-2-WPF-依赖属性绑定不上调试方法
lindexi
11-21 517
title author date CreateTime categories WPF 依赖属性绑定不上调试方法 lindexi 2019-08-02 19:56:32 +0800 2019-8-2 18:44:5 +0800 WPF 在写 WPF 程序的时候会遇到依赖属性绑定了...
第四章：WPF依赖/附加属性，数据绑定(一)
鲤籽鲲的博客
11-18 7325
WPF 依赖属性，附加属性，数据绑定，数据转换
WPF 依赖属性依赖属性依赖属性依赖属性
01-30
wpf实现数据绑定Binding实现数据绑定、依赖属性
使用附加属性 实现wpf中的passwordBox 的明文/密文密码切换
最新发布
helldoger的博客
07-04 500
【代码】使用附加属性 实现wpf中的passwordBox 的明文/密文密码切换。
WPF教程：依赖属性
weixin_34301132的博客
01-15 180
一、什么是依赖属性 依赖属性就是一种自己可以没有值，并且可以通过绑定从其他数据源获取值。依赖属性可支持WPF中的样式设置、数据绑定、继承、动画及默认值。 将所有的属性都设置为依赖属性并不总是正确的解决方案，具体取决于其应用场景。有时，使用私有字段实现属性的典型方法便能满足要求。MSDN中给出了下面几种应用依赖属性的场景： 1. 希望可在样式中设置属性。 2. 希望属性支持数据绑定。 3. 希望可使...
模拟实现WPF的依赖属性及绑定通知机制（3）--依赖对象
javasalatu
08-28 209
下面是依赖对像类的实现：（注，这里涉及到INotifyPropertyChanged接口，大家可以参考MSDN文档了解). /// &lt;summary&gt; /// 依赖对像，主要提供属性值和属性绑定的管理。 /// &lt;/summary&gt; public class MyDependencyObject { private IDictionary&lt;MyD...
wpf 依赖属性和附加属性
aanawvph916190的博客
06-20 193
1、依赖属性 　　解释：依赖属性是配合binding出现的产物，功能主要是配合binding。 　　作用： 　　　　一、当自定义usercontrol时，需要与宿主(父窗体)双向绑定值时，用到依赖属性。 2、附加属性 　　解释：附加属性是配合控件或自定义类型出现的产物 　　作用： 　　　　1、主要是扩展控件时用的较多，比如扩展DataGrid控件，会用附加属性给DataGr...
模拟实现WPF的依赖属性及绑定通知机制（2）--依赖对象的准备
javasalatu
08-28 168
依赖对象一个主要的功能就是提供对依赖属性属性值的管理，所有需要具有依赖属性的类都可以从这里继承，而无需自己去管理依赖属性值。依赖对象的主要方法就是SetValue和GetValue两个方法，这也是依赖属性和普通属性获取值不一样的地方，当然实际的应用中依赖属性一般不会直接使用这两个方法，而是封装成普通属性方式。另外对于依赖属性，我们还提供了一个属性值发生变化时依赖对象可以截获的回调机制，这样做的目的...
WPF-Blockly-master.zip
12-14
WPF的事件处理、数据绑定、依赖属性、控件模板等特性在实现此项目时都会用到。 6. **.NET Framework**：由于WPF是.NET Framework的一部分，所以开发WPF-Blockly需要对.NET Framework有基本了解，包括类库、组件模型...
WPF--属性系统
weixin_44570949的博客
02-24 249
WPF--属性系统 Windows Presentation Foundation(WPF)提供了一组服务，这些服务可用于扩展公共语言运行库(CLR)属性的功能。这些服务通常统称为WPF属性系统。由 WPF 属性系统支持的属性称为依赖项属性。本概述介绍WPF属性系统以及依赖项属性的功能，这包括如何在可扩展应用程序标记语言(XAML)中和代码中使用现有的依赖项属性。本概述还介绍了依赖项属性所特有的方面（如依赖项属性元数据），并说明了如何在自定义类中创建自己的依赖项属性。 先决条件 本主题假设您在CLR和
WPF依赖项属性示例
03-25
**WPF依赖项属性详解与示例** 在Windows Presentation Foundation（WPF）中，依赖项属性（Dependency Property）是框架的核心特性之一，它为UI元素提供了数据绑定、样式设定、动画支持以及事件处理等强大功能。依赖...
WPF 依赖属性使用
Yours风之恋 ~~~~~
09-12 1627
1，在XML中绑定 xmlns:toolbox="clr-namespace:EBookApp.Toolbox" <Image x:Name="imageShort" Stretch="Fill" Width="50" d:LayoutOverrides="HorizontalMargin" Source="{Binding RelativeSou
WPF 依赖属性和附加属性
lvxingzhe3的博客
04-01 1752
WPF 依赖属性和附加属性
WPF：依赖属性和附加属性示例
sheila_1988的博客
02-20 5928
public class Button : ButtonBase { // 依赖属性 public static readonly DependencyProperty IsDefaultProperty; static Button() { // 注册属性 Button.IsDefaultProperty = DependencyP
WPF教程（五）--依赖属性（1）--依赖属性创建
Blue
04-18 1494
WPF教程（五）--依赖属性（1）
WPF中依赖属性和附加属性
Deokoo的专栏
05-27 477
一、引言 　　感觉最近都颓废了，好久没有学习写博文了，出于负罪感，今天强烈逼迫自己开始更新WPF系列。尽管最近看到一篇WPF技术是否老矣的文章，但是还是不能阻止我系统学习WPF。今天继续分享WPF中一个最重要的知识点——依赖属性。 二、依赖属性的全面解析 　　听到依赖属性，自然联想到C#中属性的概念。C#中属性是抽象模型的核心部分，而依赖属性是专门基于WPF创建的。在WPF库实现中，依赖属性使用普通的C#属性进行了包装，使得我们可以通过和以前一样的方式来使用依赖属性，但我们必须明确，在WPF中我们大多
WPF依赖属性和附加属性
weixin_44574132的博客
07-07 299
说到属性和依赖属性，大家都知道注册依赖属性使用Register方法,注册附加属性则使用RegisterAttached方法。 一般默认依赖属性使用CLR属性进行包装,附加属性使用Get,Set方法进行包装. 这两者从表面上看两者除了方法不同,其他都是一样的。 使用依赖属性时,会传入一个属性元数据,但内部定义了一个默认的属性元数据(defaultMetadata ),当依赖属性注册完毕后,则...
Wpf依赖属性附加属性
以梦为马 不负韶华
12-12 777
依赖属性的出现是WPF这种特殊的呈现原理派生出来的，与.NET普通属性不同的是，依赖属性的值是依靠多个提供程序来判断的，并且其具有内建的传递变更通知的能力。依赖项属性的重点在于“依赖”二字，既然是依赖了，也就是说：依赖项属性的值的改变过程一定与其它对相关，不A依赖B就B依赖A，或者相互依赖。有了这个，依赖项属性不用写额的代码，也不用实现什么接口，它本身就俱备双向绑定的特性，比如，我把员工对象的姓名绑定到摇文本框，一旦绑定，只要文本框中的值发生改变，依赖项属性员工姓名也会跟着变化，反之亦然；
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

故里2130

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值