WPF区时浏览小程序

在深圳已经工作了一个月了，之前做WinForm的，现在做WPF，每天加班到晚上10点，比之前累。学习新技术也是有个过程的，我就从基础的语法和
界面布局做起。这是我仿着做一个小软件。

效果图赏析

在原基础上增加了一个树叶飘动的效果。

主要代码如下：

 1 <Canvas.Triggers>
 2                 <EventTrigger RoutedEvent="FrameworkElement.Loaded">
 3                     <BeginStoryboard>
 4                         <Storyboard Storyboard.TargetName="img1" Storyboard.TargetProperty="(Canvas.Left)">
 5                             <DoubleAnimation From="0" To="514" Duration="0:0:20" RepeatBehavior="23:59:59" AutoReverse="True"/>
 6                         </Storyboard>
 7                     </BeginStoryboard>
 8                     <BeginStoryboard Storyboard="{StaticResource StoryboardLeaf}"/>
 9                 </EventTrigger>
10             </Canvas.Triggers>

白云移动

树叶漂动 KeyTime="0" Value="0"起始位置 KeyTime="0:0:2" Value="20"转动的时间和角度（顺时针） KeyTime="0:0:4" Value="0"最后
的状态

1 <Storyboard x:Key="StoryboardLeaf" RepeatBehavior="Forever">
2                 <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)
3
4 [1].(RotateTransform.Angle)" Storyboard.TargetName="bd">
5                     <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
6                     <EasingDoubleKeyFrame KeyTime="0:0:2" Value="20"/>
7                     <EasingDoubleKeyFrame KeyTime="0:0:4" Value="0"/>
8                 </DoubleAnimationUsingKeyFrames>
9             </Storyboard>

树叶漂动

1 this.ShowInTaskbar = false;//是否在任务栏显示

是否在任务栏显示

1            timer = new DispatcherTimer();//按时间间隔处理的类
2             timer.Interval = TimeSpan.Parse("00:00:01");//时间刻度的时间间隔，默认是00:00:00
3             timer.IsEnabled = true;
4             timer.Tick += new EventHandler(timer_Tick);//DispatcherTimer.Tick超过计时间隔时发生

设置时间间隔

 1             BitmapImage dayOrNight = new BitmapImage();//建一张图片
 2             dayOrNight.BeginInit();
 3             string uri = "pack://application:,,,/WpfTimeZoneExample;component/Images/";
 4             int nowHour = Int32.Parse(DateTime.Now.ToString("HH"));
 5             if (nowHour >= 6 && nowHour <=18)
 6             {
 7                 uri += "sun2.png";
 8                 DayMark.Width = 105;
 9                 DayMark.Height = 53;
10             }
11             else
12             {
13                 uri += "moon.png";
14                 DayMark.Width = 50;
15                 DayMark.Height = 50;
16             }
17             dayOrNight.UriSource = new Uri(uri);//设置源
18             dayOrNight.EndInit();
19             DayMark.Source = dayOrNight;

代码创建一张图片

1         private void timer_Tick(object sender,EventArgs e)
2         {
3             CNT.Text = DateTime.Now.ToString("HH:mm:ss");
4             UST.Text = DateTime.Now.AddHours(-12).ToString("HH:mm:ss");
5             UKT.Text = DateTime.Now.AddHours(-7).ToString("HH:mm:ss");
6             PRT.Text = DateTime.Now.AddHours(-6).ToString("HH:mm:ss");
7             SNT.Text = DateTime.Now.AddHours(2).ToString("HH:mm:ss");
8             BXT.Text = DateTime.Now.AddHours(-11).ToString("HH:mm:ss");
9         }

间隔执行

1         private void Grid_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
2         {
3             this.DragMove();//拖拽
4         }

程序拖拽

鼠标放上去时，太阳/月亮 升降

1 private void DayMark_MouseEnter(object sender, MouseEventArgs e)
2         {
3             TranslateTransform trans = new TranslateTransform();//TransformGroup
4             DayMark.RenderTransform = trans;//设置平移的对象
5             DoubleAnimation animation = new DoubleAnimation(15, TimeSpan.FromSeconds(1));//15为目标值，后一个参数是动画持续时间
6             animation.AutoReverse = true;//是否以相反的顺序播放
7             trans.BeginAnimation(TranslateTransform.YProperty, animation);//TranslateTransform.YProperty，沿X，Y移动的属性。BeginAnimation应用动画
8         }

鼠标事件

最后说明一下，本程序开发环境：VS2013 运行环境：.Net4.5 源码下载：区时浏览小程序

WPF区时浏览小程序,布布扣,bubuko.com