1.说明

之前做过一个小项目，点击按钮，按钮进入倒计时无效状态，计时完成后，恢复原样，现在就实现该效果---带倒计时的按钮

2.效果

1）正常状态               2）MouseOver(只有背景色变化)         3）点击进入无效状态

4）在无效状态下计时              5）恢复正常状态

3.XAML代码 
 1 <!--冷却计时按钮样式-->

       <!--通过修改颜色值参数，以更改按钮颜色样式，更多修改，还请自行DIY-->
       <SolidColorBrush x:Key="ButtonForeground" Color="#FFF9FBFD"/>
       <SolidColorBrush x:Key="RactangleFill" Color="#FF6EB3F7"/>
       <SolidColorBrush x:Key="MouseOverFill" Color="#FF8CC3F9"/>
       <SolidColorBrush x:Key="PressedFill" Color="#888CC3F9"/>
       <SolidColorBrush x:Key="EnabledFill" Color="#FF6EB3F7"/>
       <SolidColorBrush x:Key="EnabledOpacityMask" Color="#99FFFFFF"/>

       <!--总样式-->

 2     <Style x:Key="TimerBtnStyle" TargetType="{x:Type Button}">

           <Setter Property="FontSize" Value="14"/>
73         <Setter Property="Foreground" Value="{StaticResource ButtonForeground}"/>
 3         <Setter Property="MinHeight" Value="25"/>

 4         <Setter Property="Template">

 5             <Setter.Value>

 6                 <ControlTemplate TargetType="{x:Type Button}">

 7                     <Grid>

 8                         <Rectangle x:Name="rectangle" Margin="0" StrokeThickness="0" Fill="{StaticResource RectangleFill}"/>

 9                         <ContentPresenter x:Name="contentPresenter" HorizontalAlignment="Center" Margin="0" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="Center"/>

10                     </Grid>

11                     <ControlTemplate.Triggers>

12                         <EventTrigger RoutedEvent="Button.Click">

13                             <BeginStoryboard>

14                                 <Storyboard FillBehavior="Stop">

15                                     <StringAnimationUsingKeyFrames Storyboard.TargetProperty="(ContentPresenter.Content)" Storyboard.TargetName="contentPresenter">

16                                         <DiscreteStringKeyFrame KeyTime="0" Value="已提交"/>

17                                         <DiscreteStringKeyFrame KeyTime="0:0:1" Value="等待(30)"/>

18                                         <DiscreteStringKeyFrame KeyTime="0:0:2" Value="等待(29)"/>

19                                         <DiscreteStringKeyFrame KeyTime="0:0:3" Value="等待(28)"/>

20                                         <DiscreteStringKeyFrame KeyTime="0:0:4" Value="等待(27)"/>

21                                         <DiscreteStringKeyFrame KeyTime="0:0:5" Value="等待(26)"/>

22                                         <DiscreteStringKeyFrame KeyTime="0:0:6" Value="等待(25)"/>

23                                         <DiscreteStringKeyFrame KeyTime="0:0:7" Value="等待(24)"/>

24                                         <DiscreteStringKeyFrame KeyTime="0:0:8" Value="等待(23)"/>

25                                         <DiscreteStringKeyFrame KeyTime="0:0:9" Value="等待(22)"/>

26                                         <DiscreteStringKeyFrame KeyTime="0:0:10" Value="等待(21)"/>

27                                         <DiscreteStringKeyFrame KeyTime="0:0:11" Value="等待(20)"/>

28                                         <DiscreteStringKeyFrame KeyTime="0:0:12" Value="等待(19)"/>

29                                         <DiscreteStringKeyFrame KeyTime="0:0:13" Value="等待(18)"/>

30                                         <DiscreteStringKeyFrame KeyTime="0:0:14" Value="等待(17)"/>

31                                         <DiscreteStringKeyFrame KeyTime="0:0:15" Value="等待(16)"/>

32                                         <DiscreteStringKeyFrame KeyTime="0:0:16" Value="等待(15)"/>

33                                         <DiscreteStringKeyFrame KeyTime="0:0:17" Value="等待(14)"/>

34                                         <DiscreteStringKeyFrame KeyTime="0:0:18" Value="等待(13)"/>

35                                         <DiscreteStringKeyFrame KeyTime="0:0:19" Value="等待(12)"/>

36                                         <DiscreteStringKeyFrame KeyTime="0:0:20" Value="等待(11)"/>

37                                         <DiscreteStringKeyFrame KeyTime="0:0:21" Value="等待(10)"/>

38                                         <DiscreteStringKeyFrame KeyTime="0:0:22" Value="等待(09)"/>

39                                         <DiscreteStringKeyFrame KeyTime="0:0:23" Value="等待(08)"/>

40                                         <DiscreteStringKeyFrame KeyTime="0:0:24" Value="等待(07)"/>

41                                         <DiscreteStringKeyFrame KeyTime="0:0:25" Value="等待(06)"/>

42                                         <DiscreteStringKeyFrame KeyTime="0:0:26" Value="等待(05)"/>

43                                         <DiscreteStringKeyFrame KeyTime="0:0:27" Value="等待(04)"/>

44                                         <DiscreteStringKeyFrame KeyTime="0:0:28" Value="等待(03)"/>

45                                         <DiscreteStringKeyFrame KeyTime="0:0:29" Value="等待(02)"/>

46                                         <DiscreteStringKeyFrame KeyTime="0:0:30" Value="等待(01)"/>

47                                         <DiscreteStringKeyFrame KeyTime="0:0:31" Value="等待(00)"/>

48                                     </StringAnimationUsingKeyFrames>

49                                     <BooleanAnimationUsingKeyFrames Storyboard.TargetProperty="(Button.IsEnabled)">

50                                         <DiscreteBooleanKeyFrame KeyTime="0" Value="False"/>

51                                         <DiscreteBooleanKeyFrame KeyTime="0:0:32" Value="True"/>

52                                     </BooleanAnimationUsingKeyFrames>

53                                 </Storyboard>

54                             </BeginStoryboard>

55                         </EventTrigger>

56                         <Trigger Property="IsFocused" Value="True"/>

57                         <Trigger Property="IsDefaulted" Value="True"/>

58                         <Trigger Property="IsMouseOver" Value="True">

59                             <Setter Property="Fill" TargetName="rectangle" Value="{StaticResource MouseOverFill}"/>

60                         </Trigger>

61                         <Trigger Property="IsPressed" Value="True">

62                             <Setter Property="Fill" TargetName="rectangle" Value="{StaticResource PressedFill}"/>

63                         </Trigger>

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

65                             <Setter Property="Fill" TargetName="rectangle" Value="{StaticResource EnabledFill}"/>

66                             <Setter Property="OpacityMask" TargetName="contentPresenter" Value="{StaticResource EnabledOpacityMask}"/>

67                         </Trigger>

68                     </ControlTemplate.Triggers>

69                 </ControlTemplate>

70             </Setter.Value>

71         </Setter>

72     </Style>
4.应用 
1 <Button Width="65" Content="提交请求" FontSize="14" Style="{StaticResource TimerBtnStyle}" />
5.总结

通过此代码，希望给初学者一些启示，有更多想法的同学，多多批评，不吝赐教。

文章来源：http://www.cnblogs.com/smlusm/p/3234463.html

[转]WPF自定义控件之带倒计时的按钮--Button的更多相关文章

  1. WPF自定义控件之带倒计时的按钮--Button

    1.说明 之前做过一个小项目,点击按钮,按钮进入倒计时无效状态,计时完成后,恢复原样,现在就实现该效果---带倒计时的按钮 2.效果 1)正常状态               2)MouseOver( ...

  2. WPF自定义控件与样式(2)-自定义按钮FButton

    一．前言.效果图 申明:WPF自定义控件与样式是一个系列文章,前后是有些关联的,但大多是按照由简到繁的顺序逐步发布的等,若有不明白的地方可以参考本系列前面的文章,文末附有部分文章链接. 还是先看看效果 ...

  3. 【转】WPF自定义控件与样式(2)-自定义按钮FButton

    一．前言.效果图 申明:WPF自定义控件与样式是一个系列文章,前后是有些关联的,但大多是按照由简到繁的顺序逐步发布的等 还是先看看效果图吧:   定义Button按钮名称叫FButton,主要是集成了 ...

  4. WPF自定义控件与样式(12)-缩略图ThumbnailImage /gif动画图/图片列表

    一．前言 申明:WPF自定义控件与样式是一个系列文章,前后是有些关联的,但大多是按照由简到繁的顺序逐步发布的等,若有不明白的地方可以参考本系列前面的文章,文末附有部分文章链接. 本文主要针对WPF项目 ...

  5. WPF自定义控件与样式(14)-轻量MVVM模式实践

    一．前言 申明:WPF自定义控件与样式是一个系列文章,前后是有些关联的,但大多是按照由简到繁的顺序逐步发布的,若有不明白的地方可以参考本系列前面的文章,文末附有部分文章链接. MVVM是WPF中一个非 ...

  6. WPF自定义控件与样式(3)-TextBox & RichTextBox & PasswordBox样式、水印、Label标签、功能扩展

    一．前言.预览 申明:WPF自定义控件与样式是一个系列文章,前后是有些关联的,但大多是按照由简到繁的顺序逐步发布的等,若有不明白的地方可以参考本系列前面的文章,文末附有部分文章链接. 本文主要是对文本 ...

  7. WPF自定义控件与样式(1)-矢量字体图标(iconfont)

    一．图标字体 图标字体在网页开发上运用非常广泛,具体可以网络搜索了解,网页上的运用有很多例子,如Bootstrap.但在C/S程序中使用还不多,字体图标其实就是把矢量图形打包到字体文件里,就像使用一般 ...

  8. WPF自定义控件与样式(15)-终结篇 & 系列文章索引 & 源码共享

    系列文章目录  WPF自定义控件与样式(1)-矢量字体图标(iconfont) WPF自定义控件与样式(2)-自定义按钮FButton WPF自定义控件与样式(3)-TextBox & Ric ...

  9. WPF自定义控件与样式(4)-CheckBox/RadioButton自定义样式

    一．前言 申明:WPF自定义控件与样式是一个系列文章,前后是有些关联的,但大多是按照由简到繁的顺序逐步发布的等,若有不明白的地方可以参考本系列前面的文章,文末附有部分文章链接. 本文主要内容: Che ...

随机推荐

  1. Windows 关闭win32 控制台

    {     fclose(pf); BOOL ret = FreeConsole(); }

  2. Delphi窗体间发送消息或字符串

    在Delphi 开发中,常常应用到窗体消息传递,以达成某种操作要求,以下列举一个应用的例子,供大家参考. 自定义过程/函数方法://发送字符串到指字句柄的窗口中 (接收窗体需用发送时的消息常量WM_C ...

  3. 好用的抓取dump的工具-ProcDump

    Procdump是一个轻量级的Sysinternal团队开发的命令行工具, 它的主要目的是监控应用程序的CPU异常动向, 并在此异常时生成crash dump文件, 供研发人员和管理员确定问题发生的原 ...

  4. Linux后台运行java的jar包后台运行java -jar 命令

    为什么java -jar 的命令终端的窗口关闭就停止运行了??tomcat中war的就不会? 关闭终端的窗口相当于ctrl+c的命令,关闭了窗口就相当于停止了java -jar这个进程,即ctrl+c ...

  5. [JZOJ5355] 【NOIP2017提高A组模拟9.9】保命

    题目 描述 题目已经足够清晰了,所以不再赘述题目大意. 思考历程 一眼看下去,好像是一道大水题! 然而,再看几眼,感觉又不是一道水题! 然后想了半天,感觉它特别难转移! 最终打了一个暴力,然后发现样例 ...

  6. 并发和多线程(二)--启动和中断线程(Interrupt)的正确姿势

    启动线程: 从一个最基本的面试题开始,启动线程到底是start()还是run()? Runnable runnable = () -> System.out.println(Thread.cur ...

  7. 0815NOIP模拟测试赛后总结

    立个flag:今天一定改完最少两道题然后认认真真写题解. 8/16 upd:果然flag不要立太狠…… 赛时状态: 赛后的老师:这套题我就没想让你上100分. 120分的天皇大神撇了撇嘴. 众人:…… ...

  8. mybatis分页插件PageHelp的使用

    1.简介 ​ PageHelper 是国内非常优秀的一款开源的 mybatis 分页插件,它支持基本主流与常用的数据库,例如 mysql.oracle.mariaDB.DB2.SQLite.Hsqld ...

  9. JS 计算时间范围，最近一周、一个月

    //最近一周 getDay(-7) 返回的是距离当前日期的一周后的时间//一月 getDay(-30)//一年 getDay(-365) function getDay(day){ var today ...

  10. NSLayoutConstraint-代码实现自动布局的函数用法说明

    原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作者信息和本声明.否则将追究法律责任.http://rainbownight.blog.51cto.com/1336585/13161 ...