制作WPF時鐘之2

原文:

制作WPF時鐘之2

前段時間寫了一篇“

制作簡單的WPF時鐘

”，今天再制作了一個更漂亮的WPF時鐘，目前僅完成了設計部分，準備将它制作成一個無邊框窗體式的時鐘。

效果圖：

前次采用的是從Control控件繼承，就是：public class Clock : Control，然後在Window中加入：<customControl:Clock... />标簽的方式。

這次準備采用另一種方式，就是：Storyboard，這是因為Storyboard也有定時完成某些指定動作的功能。

比如：

  <Storyboard x:Key="clockHandStoryboard">

   <ParallelTimeline>

    <DoubleAnimation  Storyboard.TargetName="secondHandAngle" From="-8" To="352" Duration="00:01:00" RepeatBehavior="Forever" Storyboard.TargetProperty="Angle"/>

    <DoubleAnimation Storyboard.TargetName="hourHandAngle" From="-8" To="352" Duration="12:00:00" RepeatBehavior="Forever" Storyboard.TargetProperty="Angle" />

    <DoubleAnimation Storyboard.TargetName="minuteHandAnimation" From="-8" To="352" Duration="01:00:00" RepeatBehavior="Forever" 

        Storyboard.TargetProperty="Angle" />

   </ParallelTimeline>

  </Storyboard>

為了使窗體透明，無邊框，還需要設定相關屬性，如：AllowsTransparency="true"  Background="Transparent"   WindowStyle="None"等。