WPF實現(xiàn)時鐘特效
更新時間：2015年11月25日 09:58:40 作者：JackWang-CUMT
這篇文章主要介紹了WPF實現(xiàn)時鐘特效，過程很簡單，感興趣的小伙伴們可以參考一下
WPF在樣式定義和UI動畫上面相對于以前的技術(shù)有了不少的提升，下面給出WPF技術(shù)實現(xiàn)鐘表的效果：
1、Visual Studio新建一個WPF應(yīng)用程序，命名為WpfClock，新建一個images文件夾，并準(zhǔn)備一個鐘表的背景圖片和程序圖標(biāo)素材。
2、編輯MainWindow.xaml文件，對UI進(jìn)行定制，代碼如下(指針都是用Rectangle實現(xiàn)的，當(dāng)然可以用圖片代替)：
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
namespace WpfClock
{
using System.Threading;
using System.Windows.Threading;
/// <summary>
/// MainWindow.xaml 的交互邏輯
/// </summary>
public partial class MainWindow : Window
{
//計時器
System.Timers.Timer timer = new System.Timers.Timer(1000);
public MainWindow()
{
InitializeComponent();
#region 初始化時間
secondPointer.Angle = DateTime.Now.Second * 6;
minutePointer.Angle = DateTime.Now.Minute * 6;
hourPointer.Angle = (DateTime.Now.Hour * 30) + (DateTime.Now.Minute * 0.5);
this.labTime.Content = DateTime.Now.ToString("HH:mm:ss");
#endregion
timer.Elapsed += new System.Timers.ElapsedEventHandler(timer_Elapsed);
timer.Enabled = true;
}
private void Grid_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
//進(jìn)行拖放移動
this.DragMove();
}
private void timer_Elapsed(object sender, System.Timers.ElapsedEventArgs e)
{
//UI異步更新
this.Dispatcher.Invoke(DispatcherPriority.Normal, (Action)(() =>
{
//秒針轉(zhuǎn)動,秒針繞一圈360度，共60秒，所以1秒轉(zhuǎn)動6度
secondPointer.Angle = DateTime.Now.Second * 6;
//分針轉(zhuǎn)動,分針繞一圈360度，共60分，所以1分轉(zhuǎn)動6度
minutePointer.Angle = DateTime.Now.Minute * 6;
//時針轉(zhuǎn)動,時針繞一圈360度，共12時，所以1時轉(zhuǎn)動30度。
//另外同一個小時內(nèi)，隨著分鐘數(shù)的變化(繞一圈60分鐘），時針也在緩慢變化（轉(zhuǎn)動30度，30/60=0.5)
hourPointer.Angle = (DateTime.Now.Hour * 30)+ (DateTime.Now.Minute * 0.5);
//更新時間值
this.labTime.Content = DateTime.Now.ToString("HH:mm:ss");
}));
}
}
}
3、編輯MainWindow.xaml.CS文件，對后臺邏輯進(jìn)行定制，代碼如下：
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
namespace WpfClock
{
using System.Threading;
using System.Windows.Threading;
/// <summary>
/// MainWindow.xaml 的交互邏輯
/// </summary>
public partial class MainWindow : Window
{
//計時器
System.Timers.Timer timer = new System.Timers.Timer(1000);
public MainWindow()
{
InitializeComponent();
#region 初始化時間
secondPointer.Angle = DateTime.Now.Second * 6;
minutePointer.Angle = DateTime.Now.Minute * 6;
hourPointer.Angle = (DateTime.Now.Hour * 30) + (DateTime.Now.Minute * 0.5);
this.labTime.Content = DateTime.Now.ToString("HH:mm:ss");
#endregion
timer.Elapsed += new System.Timers.ElapsedEventHandler(timer_Elapsed);
timer.Enabled = true;
}
private void Grid_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
//進(jìn)行拖放移動
this.DragMove();
}
private void timer_Elapsed(object sender, System.Timers.ElapsedEventArgs e)
{
//UI異步更新
this.Dispatcher.Invoke(DispatcherPriority.Normal, (Action)(() =>
{
//秒針轉(zhuǎn)動,秒針繞一圈360度，共60秒，所以1秒轉(zhuǎn)動6度
secondPointer.Angle = DateTime.Now.Second * 6;
//分針轉(zhuǎn)動,分針繞一圈360度，共60分，所以1分轉(zhuǎn)動6度
minutePointer.Angle = DateTime.Now.Minute * 6;
//時針轉(zhuǎn)動,時針繞一圈360度，共12時，所以1時轉(zhuǎn)動30度。
//另外同一個小時內(nèi)，隨著分鐘數(shù)的變化(繞一圈60分鐘），時針也在緩慢變化（轉(zhuǎn)動30度，30/60=0.5)
hourPointer.Angle = (DateTime.Now.Hour * 30)+ (DateTime.Now.Minute * 0.5);
//更新時間值
this.labTime.Content = DateTime.Now.ToString("HH:mm:ss");
}));
}
}
}
4、編譯運行，如果運氣不錯的話，應(yīng)該能顯示如下效果：
總結(jié)
WPF可以用RotateTransform中的Angle進(jìn)行旋轉(zhuǎn)，可以指定中心點（CenterX,CenterY)
<Rectangle.RenderTransform> <RotateTransform x:Name="hourPointer" CenterX="0" CenterY="70" Angle="90" /> </Rectangle.RenderTransform>
以上就是WPF技術(shù)實現(xiàn)時鐘的效果，小編的水平有限，如果有錯誤的地方請大家諒解，大家共同進(jìn)步。
相關(guān)文章
打開.Net Framework源代碼隨便看幾個類，就會發(fā)現(xiàn)索引器的影子。索引器可以被重載，可以接收一個或者多個參數(shù)，但是不可以定義為靜態(tài)的?？梢杂藐P(guān)聯(lián)數(shù)組的方式訪問索引器。2013-03-03
C#實現(xiàn)將數(shù)組內(nèi)元素打亂順序的方法
這篇文章主要介紹了C#實現(xiàn)將數(shù)組內(nèi)元素打亂順序的方法,涉及C#數(shù)組遍歷及隨機數(shù)操作的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
這篇文章主要介紹了C# 索引器（Indexer）的相關(guān)資料，文中示例代碼非常詳細(xì)，幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下2020-07-07
這篇文章主要為大家詳細(xì)介紹了C#實現(xiàn)在底圖上動態(tài)生成文字和圖片，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-05-05
FTPClientHelper輔助類 實現(xiàn)文件上傳，目錄操作，下載等操作
這篇文章主要分享了一個FTPClientHelper輔助類和介紹了常用的FTP命令,需要的朋友可以參考下。2016-06-06
該例子使用 BinaryStream 和 BinaryWriter 對二進(jìn)制文件進(jìn)行讀寫操作先上代碼再根據(jù)我理解的所分享給各位朋友2013-04-04
這篇文章主要為大家詳細(xì)介紹了Unity實現(xiàn)10天簽到系統(tǒng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-04-04
這篇文章主要介紹了C#編程實現(xiàn)帶有Aero效果的窗體,涉及C#調(diào)用動態(tài)鏈接庫針對窗體屬性的相關(guān)操作技巧,需要的朋友可以參考下2017-07-07
C# 串口接收數(shù)據(jù)中serialPort.close()死鎖的實例
下面小編就為大家分享一篇C# 串口接收數(shù)據(jù)中serialPort.close()死鎖的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2017-11-11
C# 語言是在2000發(fā)布的，至今已正式發(fā)布了7個版本，每個版本都包含了許多令人興奮的新特性和功能更新。下面通過本文給大家分享下C# 8.0的三個令人興奮的新特性，需要的朋友參考下吧2017-10-10