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

效果图赏析

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

主要代码如下:

 <Canvas.Triggers>
<EventTrigger RoutedEvent="FrameworkElement.Loaded">
<BeginStoryboard>
<Storyboard Storyboard.TargetName="img1" Storyboard.TargetProperty="(Canvas.Left)">
<DoubleAnimation From="0" To="514" Duration="0:0:20" RepeatBehavior="23:59:59" AutoReverse="True"/>
</Storyboard>
</BeginStoryboard>
<BeginStoryboard Storyboard="{StaticResource StoryboardLeaf}"/>
</EventTrigger>
</Canvas.Triggers>

白云移动

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

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

树叶漂动

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

是否在任务栏显示

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

设置时间间隔

             BitmapImage dayOrNight = new BitmapImage();//建一张图片
dayOrNight.BeginInit();
string uri = "pack://application:,,,/WpfTimeZoneExample;component/Images/";
int nowHour = Int32.Parse(DateTime.Now.ToString("HH"));
if (nowHour >= && nowHour <=)
{
uri += "sun2.png";
DayMark.Width = ;
DayMark.Height = ;
}
else
{
uri += "moon.png";
DayMark.Width = ;
DayMark.Height = ;
}
dayOrNight.UriSource = new Uri(uri);//设置源
dayOrNight.EndInit();
DayMark.Source = dayOrNight;

代码创建一张图片

         private void timer_Tick(object sender,EventArgs e)
{
CNT.Text = DateTime.Now.ToString("HH:mm:ss");
UST.Text = DateTime.Now.AddHours(-).ToString("HH:mm:ss");
UKT.Text = DateTime.Now.AddHours(-).ToString("HH:mm:ss");
PRT.Text = DateTime.Now.AddHours(-).ToString("HH:mm:ss");
SNT.Text = DateTime.Now.AddHours().ToString("HH:mm:ss");
BXT.Text = DateTime.Now.AddHours(-).ToString("HH:mm:ss");
}

间隔执行

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

程序拖拽

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

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

鼠标事件

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

WPF区时浏览小程序的更多相关文章

  1. 【炫丽】从0开始做一个WPF+Blazor对话小程序

    大家好,我是沙漠尽头的狼. .NET是免费,跨平台,开源,用于构建所有应用的开发人员平台. 本文演示如何在WPF中使用Blazor开发漂亮的UI,为客户端开发注入新活力. 注 要使WPF支持Blazo ...

  2. 近期热门微信小程序demo源码下载汇总

    近期微信小程序demo源码下载汇总,乃小程序学习分析必备素材!点击标题即可下载: 即速应用首发!原创!电商商场Demo 优质微信小程序推荐 -秀人美女图 图片下载.滑动翻页 微信小程序 - 新词 GE ...

  3. VSTO学习笔记(七)基于WPF的Excel分析、转换小程序

    原文:VSTO学习笔记(七)基于WPF的Excel分析.转换小程序 近期因为工作的需要,要批量处理Excel文件,于是写了一个小程序,来提升工作效率. 小程序的功能是对Excel进行一些分析.验证,然 ...

  4. 微信小程序缓存滑动距离,当页面浏览到一定位置,滑动其他页面后返回该页面记录之前的滑动距离

    15.微信小程序缓存滑动距离 我们在浏览页面的时候,然后左滑或者右滑到新的页面,等返回此页面,我们希望可以记录上次滑动的距离 虽然这个实现起来并不难,但是会遇到一些坑,因为scroll-view的组件 ...

  5. 微信小程序 springboot nginx 做图片存储 上传 浏览

    微信小程序前端-springboot后端-nginx图片存储 前言 本人小白一名,这是第一次学习微信小程序,特此做个记录. 首先准备nginx做图片存储 选择一个地址存放图片 #我的地址 [root@ ...

  6. WPF 图片浏览 伪3D效果

    原文:WPF 图片浏览 伪3D效果 首先上效果图: 因项目要求,需要把图片以"好看"."炫"的效果展示出来,特地研究了一下WPF关于3D方面的制作,奈何最终成果 ...

  7. 微信小程序(微信应用号)组件讲解

    这篇文章主要讲解微信小程序的组件. 首先,讲解新建项目.现在有句话:招聘三天以上微信小程序开发,这个估计只能去挖微信的工程师了.技术新,既然讲解,那我们就从开始建项目讲解. 打开微信web开发者工具, ...

  8. 微信小程序开发日记——高仿知乎日报(下)

    本人对知乎日报是情有独钟,看我的博客和github就知道了,写了几个不同技术类型的知乎日报APP 要做微信小程序首先要对html,css,js有一定的基础,还有对微信小程序的API也要非常熟悉 我将该 ...

  9. 体验报告:微信小程序在安卓机和苹果机上的区别

    很多人可能会问:微信小程序和在微信里面浏览一个网页有什么区别? 首先,小程序的运行是全屏的,界面跟进入了一个APP很像,更为沉浸跟在微信里面访问h5不一样:其次,它的浏览体验更为稳定. 不过,这还不够 ...

随机推荐

  1. c 数组做为形參时 该參数退化为指针

    当数组做为函数的形參的时候,该參数退化为指针,而且是无法直接求得数组的大小. 传数组给一个函数.数组类型自己主动转换为指针类型,因而传的实际是地址. void func(int array[10]) ...

  2. nohup 输出重定向

    今天在使用nohup命令的时候,每次后台执行生成的日志文件名都为nohup.out,现需要改变nohup命令生成的文件名. 在shell中,文件描述符通常是:STDIN标准输入,STDOUT标准输出, ...

  3. lampp、xampp安装文档

    第一步:去官网 看这个介绍http://www.apachefriends.org/zh_cn/xampp-linux.html#1677 第二步:下载安装包 2.1 要区分Linux是32位还是64 ...

  4. 【音乐App】—— Vue-music 项目学习笔记:歌手详情页开发

    前言:以下内容均为学习慕课网高级实战课程的实践爬坑笔记. 项目github地址:https://github.com/66Web/ljq_vue_music,欢迎Star. 歌曲列表 歌曲播放 一.子 ...

  5. PGM图片格式与代码

    这两天在搞神经网络,里面的一个人脸数据库的图片格式是PGM,事实上之前早就知道了这个图片格式,可是没去深究这个图片格式的数据究竟是什么安排的.搜索了下百度百科,发现介绍的真是简单,以下就自己来系统地整 ...

  6. project修改时间日历

    视图→甘特图 格式→时间表→右键时间表  详细的日程表,然后双击时间即可

  7. python例子

    例一:for循环 for i in range(1,100): if i==23: print "great,%s you got your lucky number:" %(i) ...

  8. MongoDB入门学习(二):MongoDB的基本概念和数据类型

    上一篇讲了MongoDB的安装和管理,当中涉及到了一些概念,数据结构另一些API的调用,不知道的没关系,事实上非常easy,这篇会简介一下. 1.文档 文档是MongoDB的核心概念.多个键值对有序的 ...

  9. FTP 连接报错

    Filezilla 站点管理器=>选中FTP站点=>加密(只使用普通FTP)

  10. less1.5中的减错误

    (@bodywidth)-@leftwidth即在第一个变量外加括号---正确 @bodywidth-@leftwidth即直接使用不加括号--------错误