WPF实现时钟特效

2019-12-30 11:13:00丽君

易采站长站为您分析WPF实现时钟特效,过程很简单,感兴趣的小伙伴们可以参考一下

WPF在样式定义和UI动画上面相对于以前的技术有了不少的提升,下面给出WPF技术实现钟表的效果:

1、Visual Studio新建一个WPF应用程序,命名为WpfClock,

新建一个images文件夹,并准备一个钟表的背景图片和程序图标素材。

WPF实现时钟特效

2、编辑MainWindow.xaml文件,对UI进行定制,

代码如下(指针都是用Rectangle实现的,当然可以用图片代替):

 

  1. using System;  using System.Collections.Generic; 
  2. using System.Linq;  using System.Text; 
  3. using System.Windows;  using System.Windows.Controls; 
  4. using System.Windows.Data;  using System.Windows.Documents; 
  5. using System.Windows.Input;  using System.Windows.Media; 
  6. using System.Windows.Media.Imaging;  using System.Windows.Navigation; 
  7. using System.Windows.Shapes;  namespace WpfClock 
  8. {  using System.Threading; 
  9. using System.Windows.Threading;  /// <summary> 
  10. /// MainWindow.xaml 的交互逻辑  /// </summary> 
  11. public partial class MainWindow : Window  { 
  12. //计时器  System.Timers.Timer timer = new System.Timers.Timer(1000); 
  13. public MainWindow()  { 
  14. InitializeComponent();  #region 初始化时间 
  15. secondPointer.Angle = DateTime.Now.Second * 6;  minutePointer.Angle = DateTime.Now.Minute * 6; 
  16. hourPointer.Angle = (DateTime.Now.Hour * 30) + (DateTime.Now.Minute * 0.5);  this.labTime.Content = DateTime.Now.ToString("HH:mm:ss"); 
  17. #endregion  timer.Elapsed += new System.Timers.ElapsedEventHandler(timer_Elapsed); 
  18. timer.Enabled = true;  } 
  19.   private void Grid_MouseLeftButtonDown(object sender, MouseButtonEventArgs e) 
  20. {  //进行拖放移动