wpf 自定义Button按钮

创建ButtonEx类

 public class ButtonEx : Button

    {

        static ButtonEx()

        {

            DefaultStyleKeyProperty.OverrideMetadata(typeof(ButtonEx), new FrameworkPropertyMetadata(typeof(ButtonEx)));

        }

        /// <summary>

        /// 按钮类型

        /// </summary>

        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));

        /// <summary>

        /// 图片

        /// </summary>

        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));

        /// <summary>

        /// 圆角

        /// </summary>

        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)));

        /// <summary>

        /// 鼠标悬停字体颜色

        /// </summary>

        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());

        /// <summary>

        /// 鼠标按下文字颜色

        /// </summary>

        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());

        /// <summary>

        /// 鼠标悬停边框颜色

        /// </summary>

        public Brush MouseOverBorderbrush

        {

            get { return (Brush)GetValue(MouseOverBorderbrushProperty); }

            set { SetValue(MouseOverBorderbrushProperty, value); }

        }

        public static readonly DependencyProperty MouseOverBorderbrushProperty =

            DependencyProperty.Register("MouseOverBorderbrush", typeof(Brush), typeof(ButtonEx), new PropertyMetadata());

        /// <summary>

        /// 鼠标悬停背景颜色

        /// </summary>

        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());

        /// <summary>

        /// 鼠标按下背景颜色

        /// </summary>

        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>

        /// SVG

        /// </summary>

        public Geometry PathData

        {

            get

            {

                return (Geometry)GetValue(PathDataProperty);

            }

            set

            {

                SetValue(PathDataProperty, value);

            }

        }

        // Using a DependencyProperty as the backing store for PathData.  This enables animation, styling, binding, etc...

        public static readonly DependencyProperty PathDataProperty =

           DependencyProperty.Register("PathData", typeof(Geometry), typeof(ButtonEx), new PropertyMetadata(new PathGeometry()));

        public double PathWidth

        {

            get { return (double)GetValue(PathWidthProperty); }

            set { SetValue(PathWidthProperty, value); }

        }

        // Using a DependencyProperty as the backing store for PathWidth.  This enables animation, styling, binding, etc...

        public static readonly DependencyProperty PathWidthProperty =

            DependencyProperty.Register("PathWidth", typeof(double), typeof(ButtonEx), new PropertyMetadata());

        public double PathHeight

        {

            get { return (double)GetValue(PathHeightProperty); }

            set { SetValue(PathHeightProperty, value); }

        }

        // Using a DependencyProperty as the backing store for PathHeight.  This enables animation, styling, binding, etc...

        public static readonly DependencyProperty PathHeightProperty =

            DependencyProperty.Register("PathHeight", typeof(double), typeof(ButtonEx), new PropertyMetadata());

    }

    public enum ButtonType

    {

        Normal,

        Icon,

        Text,

        IconText,

        Path,

        Content,

    }

新增 ButtonEx.xaml

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

                    xmlns:local="clr-namespace:HL.SelfTicket.Controls">

    <Style TargetType="{x:Type local:ButtonEx}">

        <Setter Property="Focusable" Value="False"/>

        <Setter Property="FocusVisualStyle" Value="{x:Null}" />

        <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 local:ButtonEx}">

                            <Border x:Name="border" Background="{TemplateBinding Background}" CornerRadius="{TemplateBinding CornerRadius}" 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="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 local: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 local: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="Template">

                    <Setter.Value>

                        <ControlTemplate TargetType="{x:Type local:ButtonEx}">

                            <Border>

                                <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"/>

                                </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="Path">

                <Setter Property="Cursor" Value="Hand"/>

                <Setter Property="Background" Value="Transparent"/>

                <Setter Property="Foreground" Value="#fff"/>

                <Setter Property="Template">

                    <Setter.Value>

                        <ControlTemplate TargetType="{x:Type local:ButtonEx}">

                            <Border  Focusable="False" VerticalAlignment="Center" HorizontalAlignment="Center" Width="{TemplateBinding Width}" Height="{TemplateBinding Height}" Background="{TemplateBinding Background}" CornerRadius="{TemplateBinding CornerRadius}">

                                <StackPanel Orientation="Horizontal" VerticalAlignment="Center" HorizontalAlignment="Center">

                                    <Path Data="{TemplateBinding PathData}" Width="{TemplateBinding PathWidth}" Height="{TemplateBinding PathHeight}" Fill="{TemplateBinding Foreground}" Stretch="Fill"  />

                                    <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="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="Content">

                <Setter Property="Cursor" Value="Hand"/>

                <Setter Property="Template">

                    <Setter.Value>

                        <ControlTemplate TargetType="{x:Type local:ButtonEx}">

                            <Border Width="{TemplateBinding Width}" Height="{TemplateBinding Height}" Background="{TemplateBinding Background}" CornerRadius="{TemplateBinding CornerRadius}">

                                <ContentPresenter x:Name="contentPresenter"

                                              Focusable="False"

                                              HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"

                                              Margin="{TemplateBinding Padding}"

                                              RecognizesAccessKey="True"

                                              SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"

                                              VerticalAlignment="{TemplateBinding VerticalContentAlignment}"  />

                            </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>

        </Style.Triggers>

    </Style>

    <Style TargetType="{x:Type local:ButtonEx}" x:Key="pageButton">

        <Setter Property="Background" Value="{StaticResource BuyMianColor}"/>

        <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="FontSize" Value="20"/>

        <Setter Property="Template">

            <Setter.Value>

                <ControlTemplate TargetType="{x:Type local:ButtonEx}">

                    <Grid>

                        <Border x:Name="border" Background="{TemplateBinding Background}" CornerRadius="2" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="0" Width="300" Height="60" SnapsToDevicePixels="True">

                            <Border.Effect>

                                <DropShadowEffect ShadowDepth="4" BlurRadius="2" Opacity="0.5" Color="#000"/>

                            </Border.Effect>

                        </Border>

                        <TextBlock x:Name="txt" Text="{TemplateBinding Content}" Foreground="{TemplateBinding Foreground}" VerticalAlignment="Center" HorizontalAlignment="Center" />

                    </Grid>

                    <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>

                        <Trigger Property="IsEnabled" Value="False">

                            <Setter TargetName="border" Property="Background" Value="{StaticResource ButtonBlackColor}"/>

                        </Trigger>

                    </ControlTemplate.Triggers>

                </ControlTemplate>

            </Setter.Value>

        </Setter>

    </Style>

</ResourceDictionary>

原文：https://www.cnblogs.com/zisai/p/11050710.html

wpf 自定义Button按钮的更多相关文章

Android 自定义Button按钮显示样式（正常、按下、获取焦点）
现在的用户对APP的外观看得很重要,如果APP内所有元件都用Android默认样式写,估计下面评论里就有一堆在骂UI丑的.今天学习自定义Button按钮样式.Button样式修改的是Button的背景 ...
C#自定义Button按钮控件
C#自定义Button按钮控件在实际项目开发中经常可以遇到.net自带控件并不一定可以满足需要,因此需要自定义开发一些新的控件,自定义控件的办法也有多种,可以自己绘制线条颜色图形等进行重绘,也可以采 ...
WPF 自定义Button控件及样式
这次通过最近做的小例子说明一下自定义Button控件和样式. 实现的效果为:
WPF自定义Button样式(按钮长度随Content长度自适应)
代码如下: <Style x:Key="ButtonStyle" TargetType="Button"> <Setter Property= ...
5.Qt自定义Button按钮的实现
1.编写自定义按钮 MyButton.h #ifndef MYBUTTON_H #define MYBUTTON_H #include <QWidget> /** * @brief ...
WPF 自定义图片按钮
此文档仅仅是一个BaseCode,已做后续查阅 XAML代码: <Button x:Class="IM.UI.UC.IM_ImageButton" xmlns="h ...
revit二次开发wpf里button按钮无法实现事务
不能在revit提供的api外部使用事务,解决此方法, 1.把button里要实现的功能写到外部事件IExternalEventHandler中,注册外部事件,在button事件中.raise()使用 ...
【C#/WPF】Button按钮动态设置Background背景颜色
学习笔记: 在XAML中给Button设置颜色大家都懂的,本篇只是记录用C#代码动态生成的按钮设置Background背景颜色. new一个Button,设置Background时可看到该属性类型是S ...
【WPF】Button按钮添加背景图片
只是想做一个很简单的图片按钮而已,不需要那么复杂. <Button x:Name="btn" Width="145" Height="30&qu ...

随机推荐

Android 最火框架XUtils之注解机制具体解释
在上一篇文章Android 最火的高速开发框架XUtils中简介了xUtils的基本用法,这篇文章说一下xUtils里面的注解原理. 先来看一下xUtils里面demo的代码: @ViewInject ...
python-----写入txt用法
代码如下: #!/usr/bin/env python # -*- coding: utf-8 -*- # @Time : 2019/1/14 11:23 # @Author : zxb file_p ...
用msys1.0+mingw gcc4.7.1编译libodb(C++ ORM)
这里主要使用的是libodb 对sqlite数据库的支持. (1)下载编译sqlite3,当初编译go-sqlite3的时候下载过sqlite3,就直接拿过来用了. start msys.bat gc ...
bzoj4825
LCT 昨天调试一天没出来,今天推倒重写还是gg了,内心崩溃照着源代码抄,结果发现自己把原树fa和splay的fa一起维护,各种re... 其实我们手玩一下,发现其实树的形态变化很小,那么就可以用lc ...
ELK Stack总结
目录 ELK Stack 介绍 Elasticsearch 概念1(基础) CRUD基本用法概念2(文本解析器) 查询分析/聚合概念3(架构原理的补充) Logstash基础 Kibana的数据 ...
div标签的闭合检查
什么叫DIV标签有没有闭合呢?有<div>开头就应该有</div>来结尾闭合了.有时候写代码写了<div>,忘记</div>结尾,谓之没有闭合也. 如 ...
关于Java泛型的？和 T 的区别
java中的?号指未知的类型:而T指具体类型泛型问号(?)未知的类型就是可以指定当前问号(?)所代表的类,可以指定上限(extends)和下限(super) 泛型T指已经具体知道了类型,就是不能指定 ...
bzoj 1833: [ZJOI2010]count 数字计数【数位dp】
非典型数位dp 先预处理出f[i][j][k]表示从后往前第i位为j时k的个数,然后把答案转换为ans(r)-ans(l-1),用预处理出的f数组dp出f即可(可能也不是dp吧--) #include ...
[Swift]Set(集)转换为Array(数组)
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★➤微信公众号:山青咏芝(shanqingyongzhi)➤博客园地址:山青咏芝(https://www.cnblogs. ...
spring cloud config搭建说明例子（四）-补充配置文件
服务端 ConfigServer pom.xml <dependency> <groupId>org.springframework.cloud</groupId> ...

wpf 自定义Button按钮

wpf 自定义Button按钮的更多相关文章

随机推荐

热门专题