wpf button 之win8风格按钮

最新推荐文章于 2022-12-15 17:38:33 发布
最新推荐文章于 2022-12-15 17:38:33 发布
阅读量1.4k 收藏
点赞数

网上下来来的代码片段，win 8风格按钮模板

        <ControlTemplate TargetType="Button" x:Key="win8" >
            <!--背景色-->
            <Border x:Name="back"
                    Opacity="0.8"
                    CornerRadius="3">
                <Border.BitmapEffect>
                    <OuterGlowBitmapEffect Opacity="0.7"
                                           GlowSize="0"
                                           GlowColor="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(Button.Background).(SolidColorBrush.Color)}" />
                </Border.BitmapEffect>
                <Border.Background>
                    <LinearGradientBrush StartPoint="0,0"
                                         EndPoint="0,1.5">
                        <GradientBrush.GradientStops>
                            <GradientStopCollection>
                                <GradientStop Color="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(Button.Background).(SolidColorBrush.Color)}"
                                              Offset="0" />
                                <GradientStop Color="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(Button.Background).(SolidColorBrush.Color)}"
                                              Offset="0.4" />
                                <GradientStop Color="#FFF"
                                              Offset="1" />
                            </GradientStopCollection>
                        </GradientBrush.GradientStops>
                    </LinearGradientBrush>
                </Border.Background>
                <!--前景色及边框-->
                <Border x:Name="fore"
                        BorderThickness="1"
                        CornerRadius="3"
                        BorderBrush="#5555">
                    <Border.Background>
                        <LinearGradientBrush StartPoint="0,0"
                                             EndPoint="0,1">
                            <GradientBrush.GradientStops>
                                <GradientStopCollection>
                                    <GradientStop Color="#6FFF"
                                                  Offset="0.5" />
                                    <GradientStop Color="#1111"
                                                  Offset="0.51" />
                                </GradientStopCollection>
                            </GradientBrush.GradientStops>
                        </LinearGradientBrush>
                    </Border.Background>
                    <!--按钮内容-->
                    <ContentPresenter x:Name="content"
                                      HorizontalAlignment="Center"
                                      VerticalAlignment="Center"
                                      Content="{TemplateBinding  Content}">
                        <ContentPresenter.BitmapEffect>
                            <DropShadowBitmapEffect Color="#000"
                                                    Direction="-90"
                                                    ShadowDepth="2"
                                                    Softness="0.1"
                                                    Opacity="0.3" />
                        </ContentPresenter.BitmapEffect>
                    </ContentPresenter>
                </Border>
            </Border>
            <!--触发器-->
            <ControlTemplate.Triggers>
                <!--鼠标移入移出-->
                <Trigger Property="IsMouseOver"
                         Value="True">
                    <Trigger.EnterActions>
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimation To="6"
                                                 Duration="0:0:0.2"
                                                 Storyboard.TargetName="back"
                                                 Storyboard.TargetProperty="(Border.BitmapEffect).(OuterGlowBitmapEffect.GlowSize)" />
                                <ColorAnimation To="#AFFF"
                                                BeginTime="0:0:0.2"
                                                Duration="0:0:0.2"
                                                Storyboard.TargetName="fore"
                                                Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[0].(GradientStop.Color)" />
                                <ColorAnimation To="#3FFF"
                                                BeginTime="0:0:0.2"
                                                Duration="0:0:0.2"
                                                Storyboard.TargetName="fore"
                                                Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[1].(GradientStop.Color)" />
                            </Storyboard>
                        </BeginStoryboard>
                    </Trigger.EnterActions>
                    <Trigger.ExitActions>
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimation Duration="0:0:0.2"
                                                 Storyboard.TargetName="back"
                                                 Storyboard.TargetProperty="(Border.BitmapEffect).(OuterGlowBitmapEffect.GlowSize)" />
                                <ColorAnimation Duration="0:0:0.2"
                                                Storyboard.TargetName="fore"
                                                Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[0].(GradientStop.Color)" />
                                <ColorAnimation Duration="0:0:0.2"
                                                Storyboard.TargetName="fore"
                                                Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[1].(GradientStop.Color)" />
                            </Storyboard>
                        </BeginStoryboard>
                    </Trigger.ExitActions>
                </Trigger>
                <!--按钮按下弹起-->
                <Trigger Property="IsPressed"
                         Value="True">
                    <Trigger.EnterActions>
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimation To="3"
                                                 Duration="0:0:0.1"
                                                 Storyboard.TargetName="back"
                                                 Storyboard.TargetProperty="(Border.BitmapEffect).(OuterGlowBitmapEffect.GlowSize)" />
                                <ColorAnimation To="#3AAA"
                                                Duration="0:0:0.1"
                                                Storyboard.TargetName="fore"
                                                Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[0].(GradientStop.Color)" />
                                <ColorAnimation To="#2111"
                                                Duration="0:0:0.1"
                                                Storyboard.TargetName="fore"
                                                Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[1].(GradientStop.Color)" />
                            </Storyboard>
                        </BeginStoryboard>
                    </Trigger.EnterActions>
                    <Trigger.ExitActions>
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimation Duration="0:0:0.1"
                                                 Storyboard.TargetName="back"
                                                 Storyboard.TargetProperty="(Border.BitmapEffect).(OuterGlowBitmapEffect.GlowSize)" />
                                <ColorAnimation Duration="0:0:0.1"
                                                Storyboard.TargetName="fore"
                                                Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[0].(GradientStop.Color)" />
                                <ColorAnimation Duration="0:0:0.1"
                                                Storyboard.TargetName="fore"
                                                Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[1].(GradientStop.Color)" />
                            </Storyboard>
                        </BeginStoryboard>
                    </Trigger.ExitActions>
                </Trigger>
                <!--按钮失效-->
                <Trigger Property="IsEnabled"
                         Value="False">
                    <Setter Property="Foreground"
                            Value="#B444" />
                    <Trigger.EnterActions>
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimation To="0"
                                                 Duration="0:0:0.3"
                                                 Storyboard.TargetName="back"
                                                 Storyboard.TargetProperty="(Border.BitmapEffect).(OuterGlowBitmapEffect.GlowSize)" />
                                <DoubleAnimation To="1"
                                                 Duration="0:0:0.1"
                                                 Storyboard.TargetName="content"
                                                 Storyboard.TargetProperty="(ContentPresenter.BitmapEffect).(DropShadowBitmapEffect.Opacity)" />
                                <DoubleAnimation To="-135"
                                                 Duration="0:0:0.1"
                                                 Storyboard.TargetName="content"
                                                 Storyboard.TargetProperty="(ContentPresenter.BitmapEffect).(DropShadowBitmapEffect.Direction)" />
                                <ColorAnimation To="#FFF"
                                                Duration="0:0:0.3"
                                                Storyboard.TargetName="content"
                                                Storyboard.TargetProperty="(ContentPresenter.BitmapEffect).(DropShadowBitmapEffect.Color)" />
                                <ColorAnimation To="#D555"
                                                Duration="0:0:0.3"
                                                Storyboard.TargetName="fore"
                                                Storyboard.TargetProperty="(Border.BorderBrush).(SolidColorBrush.Color)" />
                                <ColorAnimation To="#CEEE"
                                                Duration="0:0:0.3"
                                                Storyboard.TargetName="fore"
                                                Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[0].(GradientStop.Color)" />
                                <ColorAnimation To="#CDDD"
                                                Duration="0:0:0.3"
                                                Storyboard.TargetName="fore"
                                                Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[1].(GradientStop.Color)" />
                            </Storyboard>
                        </BeginStoryboard>
                    </Trigger.EnterActions>
                    <Trigger.ExitActions>
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimation Duration="0:0:0.1"
                                                 Storyboard.TargetName="back"
                                                 Storyboard.TargetProperty="(Border.BitmapEffect).(OuterGlowBitmapEffect.GlowSize)" />
                                <DoubleAnimation Duration="0:0:0.1"
                                                 Storyboard.TargetName="content"
                                                 Storyboard.TargetProperty="(ContentPresenter.BitmapEffect).(DropShadowBitmapEffect.Opacity)" />
                                <DoubleAnimation Duration="0:0:0.1"
                                                 Storyboard.TargetName="content"
                                                 Storyboard.TargetProperty="(ContentPresenter.BitmapEffect).(DropShadowBitmapEffect.Direction)" />
                                <ColorAnimation Duration="0:0:0.1"
                                                Storyboard.TargetName="content"
                                                Storyboard.TargetProperty="(ContentPresenter.BitmapEffect).(DropShadowBitmapEffect.Color)" />
                                <ColorAnimation Duration="0:0:0.1"
                                                Storyboard.TargetName="fore"
                                                Storyboard.TargetProperty="(Border.BorderBrush).(SolidColorBrush.Color)" />
                                <ColorAnimation Duration="0:0:0.1"
                                                Storyboard.TargetName="fore"
                                                Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[0].(GradientStop.Color)" />
                                <ColorAnimation Duration="0:0:0.1"
                                                Storyboard.TargetName="fore"
                                                Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[1].(GradientStop.Color)" />
                            </Storyboard>
                        </BeginStoryboard>
                    </Trigger.ExitActions>
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>


小菜菜
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
WPF自定义控件和样式之自定义按钮（Button）
12-31
一、前言 程序界面上的按钮多种多样，常用的就这几种：普通按钮...2.1 普通按钮-扁平化风格 先看效果： 定义Button的样式，详见代码： <Style x:Key=BtnInfoStyle TargetType=Button> <Setter Property=
仿win8磁贴界面以及功能
时刻提醒自己该学习了-----成为人上人的第一步
06-15 922
仿win8界面 win8磁贴类似九宫格效果，实现这种效果基本上有三种方式实现：LinearLayout，使用其属性layout_weight实现等分；TableLayout，做过计算器的人可能会用到过这个，也可以实现，还有一种就是GridView,自己实现适配器，我找到的仿win8界面使用LinearLayout来实现的，LinearLayout层层嵌套，这种方式不太提倡，因为嵌套太多，我们看一下
XAML制作Win8磁贴样式
duanhy的专栏
05-02 2216
本文主要讲述使用Silverlight中制作Win8磁贴样式的方法，所g
wpf 自定义按钮四态样式
随笔
12-15 669
wpf 自定义按钮四态样式
Simple WPF: 自定义按钮外观
Mr.Chip的博客
11-21 1406
前言 由于最近在进行WPF桌面应用软件开发的相关工作，所以想把从工作当中一些值得积累的东西付诸笔端记录下来跟大家分享也方便自己将来查找。所以博主就又开了一个全新的专栏。。。（保证能更新几篇博文， 不会太烂尾） ...
WPF中button按钮同时点击多次触发click解决方法
01-02
解决WPF中button按钮同时点击多次触发click的方法，供大家参考，具体内容如下 DateTime lastClick = DateTime.Now; object obj = new object(); int i = 0; private void Button_Click(object sender, ...
WPFButton样式
10-09
WPFButton样式，6种button样式，简单的按钮样式，美化界面按钮
WPF自定义漂亮的按钮样式
微软新技术
05-02 4977
首先打开 Microsoft Visual Studio 2008 ，新建一个WPF项目，在上面随便放几个按钮：然后给各个按钮设置不同的背景颜色：设置好之后就是这样啦：然后我们就开始在 App.xaml 文件中定义按钮样式了：定义的样式代码如下：以下为引用的内容：    xmlns="http://schemas.microsoft.com/wi
C# Metro(Win8风格)按钮实现源码
06-04
个人写的一个仿win8开始菜单磁铁按钮Demo，有两种点击效果参考。 想了解更多关于C#WPF的知识，可以登录我的个人博客www.7fenx.com。 欢迎交流讨论。
好看的WPF自定义按钮样式（绝对不亏）
09-30
全部出自个人之手。 预览地址http://csdn-1252047526.cossh.myqcloud.com/button.gif
WPF Metro风格控件库
04-05
WPF Metro风格控件库 包含进度条，环形进度条，滑动条等
wpf windows开始菜单
07-12
wpf开发的一个windows开始菜单，效果图：http://bbs.csdn.net/topics/390826378
漂亮的WPF按钮样式，水晶效果
08-16
是用样式实现更改WPF默认按钮外观，效果很棒。
让你的WPF程序在Win7下呈现Win8风格主题
weixin_33725270的博客
01-01 150
今天在Win8下使用了一个我之前写的一个WPF程序的时候，发现现在也支持Win8效果了（记得以前的.net 4.0的版本是不支持的）。由于WPF的控件是自绘的，并不受系统主题所控制，也就是说.net 4.5中是附带了Win8主题样式文件的，按理说这个风格在Win7下也可以使用的。研究了一下发现，默认主题是存放在如下几个DLL文件中的，      程序启动的时候，默认会根据系统的版本加载相应的主...
基于pytorch+ResNet50的眼部疾病图片分类源码+文档说明.zip
最新发布
04-24
详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；
基于yolov5的鸟窝目标检测源码+模型.zip
04-24
YOLO高分设计资源源码，详情请查看资源内容中使用说明 YOLO高分设计资源源码，详情请查看资源内容中使用说明 YOLO高分设计资源源码，详情请查看资源内容中使用说明 YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明
wpfbutton按钮禁用
06-06
您可以通过将WPF Button的IsEnabled属性设置为“False”来禁用它。例如： ```xaml <Button Content="Click Me" IsEnabled="False"/> ``` 或者，您可以在代码中使用以下语句禁用按钮： ```csharp myButton.IsEnabled = false; ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值