zoukankan      html  css  js  c++  java
  • 新年快乐

    各位园主,以及博客园的工作人员们

    祝大家新年快乐!

    我们特意制作了一个简单的动画,放在了博客园UAP的WP App里面,没有WP手机的看youku吧:http://v.youku.com/v_show/id_XODYxMTM4ODM2.html

    (有声音的哟)

    这个动画完全是用Win RT SDK开发制作而成,它的界面元素有:

    1)Page,标准的Windows Phone Page

    2)title - 新年

    3)Progress bar - 在title下面的那个横条,每秒更新一次进度

    4)雪花 - 每100ms产生一个雪花,横向位置随机,大小有三种(15,20,30),雪花本身是Segoe UI Symbol字符,一共100个雪花

    5)星星 - Segoe UI Symbol字符,一共三种

    6)雪人 - Segoe UI Symbol字符,FontSize = 200. 因为是矢量字符,所以再大也不怕

    7)雪堆 - Rectangle, fill = white

    8)松树,是静态图片,png

    9)语录牌(MS-UAP字样), 动画最后能看到,是Border/TextBlock/Rectangle的组合

    10)Happy New Year字样,动画最后能看到,TextBlock

    11) 新年快乐字样,动画最后能看到,TextBlock

    12)command bar,再看一次 button

    以下是这个动画的截图:

    动画是如何实现的呢?

    今天先简单介绍一下,主要的目的是让大家高兴,娱乐一下,明年的blog中再细细说。

    1)生成一个timer,ThreadPoolTimer.CreatePeriodicTimer,用于生成雪花,100ms间隔。生成后,放入一个List<Snow>中

    2)生成第二个timer,用于移动雪花,让它下落,50ms间隔。每次timer trigger时,检查List<Snow>中所有的雪花,移动其位置(Y += 5, X不动),使其垂直降落

    3)在第二个timer里,检查落地的雪花(Y坐标大于等于雪堆rectangle上沿儿的),从List<Snow>中删除,并让雪堆的厚度++

    4)生成第三个timer,用于更新进度条

    5)三颗星星,用Storyboard,重复更新其Opacity,从0到1,再返回0,制造闪烁效果

    6)语录牌(ms-uap),用Storyboar, 先移动上来,再倒向一边,是两个关键帧动画

    7)新年快乐和Happy New Year字样,一个是更新Opacity, 从0到1,一个是让其旋转360度。

    想下载App的,和想看代码的,在这里:

    Windows Phone Store App link:

    http://www.windowsphone.com/zh-cn/store/app/博客园-uap/500f08f0-5be8-4723-aff9-a397beee52fc

    Windows Store App link:

    http://apps.microsoft.com/windows/zh-cn/app/c76b99a0-9abd-4a4e-86f0-b29bfcc51059

    GitHub open source link:

    https://github.com/MS-UAP/cnblogs-UAP

    MSDN Sample Code:

    https://code.msdn.microsoft.com/CNBlogs-Client-Universal-477943ab

    祝大家在新的一年里加紧学习,努力工作,分享代码,改变世界!

    MS-UAP

    2014/12/31

  • 相关阅读:
    2-括号配对问题
    14-会场安排问题
    106-背包问题
    12-喷水装置
    HDU-5170
    HDU-1002
    贪吃蛇
    frame与bounds的区别
    MAC下Android的Eclipse开发环境的搭建
    有些人脸上太多的笑是因为他们心中有太多的泪
  • 原文地址:https://www.cnblogs.com/ms-uap/p/4195884.html
Copyright © 2011-2022 走看看