Silverlight之我见——制作星星闪烁动画
- using System;
- using System.Collections.Generic;
- using System.Linq;
- using System.Net;
- using System.Windows;
- using System.Windows.Controls;
- using System.Windows.Documents;
- using System.Windows.Input;
- using System.Windows.Media;
- using System.Windows.Media.Animation;
- using System.Windows.Shapes;
- namespace RandEllipseSample
- {
- public partial class MainPage : UserControl
- {
- int shapesCount = 500; //图形数组的容量
- //随机大小的上限
- int theMaxW = 1300;
- int theMaxH = 720;
- Random rand = null;
- Storyboard story = null;
- Ellipse[] myShapes = null;
- public MainPage()
- {
- InitializeComponent();
- rand = new Random();
- story = new Storyboard();
- story.Completed += new EventHandler(story_Completed);
- InitShapes();
- InitAnimation();
- //加载完成后马上播放动画
- this.Loaded += new RoutedEventHandler(MainPage_Loaded);
- }
- void MainPage_Loaded(object sender, RoutedEventArgs e)
- {
- story.Begin();
- }
- void story_Completed(object sender, EventArgs e)
- {
- for (int x = 0; x < shapesCount; x++)
- {
- myShapes[x].Margin = new Thickness(Convert.ToDouble(rand.Next(0, theMaxW)), Convert.ToDouble(rand.Next(0, theMaxH)), 0, 0);
- }
- InitAnimation();
- }
- /// <summary>
- /// 初始化形状数组
- /// </summary>
- private void InitShapes()
- {
- myShapes = new Ellipse[shapesCount];
- //实例化所有成员
- for (int n = 0; n < shapesCount; n++)
- {
- myShapes[n] = new Ellipse();
- myShapes[n].Fill = new SolidColorBrush(Colors.Transparent);
- myShapes[n].StrokeThickness = 2d;
- //笔触为线性渐变
- LinearGradientBrush gBrush = new LinearGradientBrush();
- gBrush.StartPoint = new Point(0, 0);
- gBrush.EndPoint = new Point(1, 1);
- gBrush.GradientStops.Add(new GradientStop()
- {
- Color = Colors.Yellow,
- Offset = 0
- });
- gBrush.GradientStops.Add(new GradientStop()
- {
- Color = Colors.Red,
- Offset = 0.25
- });
- gBrush.GradientStops.Add(new GradientStop()
- {
- Color = Colors.White,
- Offset = 0.5
- });
- gBrush.GradientStops.Add(new GradientStop()
- {
- Color = Colors.Blue,
- Offset = 0.75
- });
- myShapes[n].Stroke = gBrush;
- //位置
- myShapes[n].Margin = new Thickness(Convert.ToDouble(rand.Next(0,theMaxW)), Convert.ToDouble(rand.Next(0,theMaxH)), 0, 0);
- //大小
- myShapes[n].Width = 10;
- myShapes[n].Height = 10;
- myShapes[n].HorizontalAlignment = HorizontalAlignment.Left;
- myShapes[n].VerticalAlignment = VerticalAlignment.Top;
- //加入可视化树
- this.LayoutRoot.Children.Add(myShapes[n]);
- }
- }
- /// <summary>
- /// 初始化动画
- /// </summary>
- private void InitAnimation()
- {
- story.Children.Clear();
- for (int i = 0; i < shapesCount; i++)
- {
- int mSecond = rand.Next(0, 5);
- //透明度
- DoubleAnimation opacityAnimate = new DoubleAnimation();
- opacityAnimate.From = 1.0;
- opacityAnimate.To = 0.0;
- Storyboard.SetTarget(opacityAnimate, myShapes[i]);
- Storyboard.SetTargetProperty(opacityAnimate,
- new PropertyPath("Opacity"));
- opacityAnimate.Duration = new Duration(TimeSpan.FromSeconds(mSecond));
- opacityAnimate.RepeatBehavior = RepeatBehavior.Forever;
- //将时间线添加到情节摘要
- story.Children.Add(opacityAnimate);
- }
- }
- }
- }
Silverlight之我见——制作星星闪烁动画的更多相关文章
- JS框架_(JQuery.js)夜晚天空满天星星闪烁动画
百度云盘 传送门 密码:xftr 满天星星闪烁动画效果: (可用星空动画来作为页面背景,白色文字改为文章或者其他的O(∩_∩)O) <!doctype html> <html> ...
- 原生js实现星星闪烁的效果
星星闪烁的原理其实很简单: html代码: <body style="background:#000"> <div id="stars_box" ...
- 推荐几款制作网页滚动动画的 JavaScript 库
这里集合了几款很棒的制作网页滚动动画的 JavaScript 库和插件.它们中,有的可以帮助你在页面滚动的时候添加动感的元素动画,有的则是实现目前非常流行的全屏页面切换动画.相信借助这些插件,你也可以 ...
- 理论制作 Windows 开机动画
第一次接触 Windows 开机动画是 2012 年,那时候魔方的版本号还是 3.12,魔方里面有个很酷炫狂霸拽的功能就是替换 Windows 7 的开机动画.一开始我是在IT之家论坛里下载开机动画, ...
- 怎么实现类似星星闪烁的效果(box-shadow)
有时候设计希望我们能够在页面实现类似星星闪烁的效果,如图: 我的解决办法是用box-shadow: html <div class="star04 active-blink" ...
- 【Unity 3D】使用 2DToolkit 插件 制作2D精灵动画
话说博客传图也太麻烦了吧,一个一个文件一个一个传....为什么不能直接粘贴了,自动上传呢... 刚直接粘贴了,结果一张图没有,又重新截一次图,在传了一次...真是太**了 好了,吐槽完了,开始博客吧 ...
- StarRatingBar星星切换动画《IT蓝豹》
StarRatingBar星星切换动画 StarRatingBar星星切换动画,很久没有学习一下这个RatingBar了,今天来看看这个RatingBar的动画切换效果,本例子主要是RatingBar ...
- 高逼格UILabel的闪烁动画效果
高逼格UILabel的闪烁动画效果 最终效果图如下: 源码: YXLabel.h 与 YXLabel.m // // YXLabel.h // // Created by YouXianMing o ...
- Canvas制作的下雨动画
简介 在codepen上看到一个Canvas做的下雨效果动画,感觉蛮有意思的.就研究了下,这里来分享下,实现技巧.效果可以见下面的链接. 霓虹雨: http://codepen.io/natewile ...
随机推荐
- iOS 推送证书的制作
关于iOS推送证书的P12文件,并非直接从KeyChain导出来的证书文件.而是须要经过openSSL工具制作的.(好在Mac OS 默认就有openSSL命令) 针对不同的Server平台,须要的证 ...
- React Native布局实践:开发京东client首页(三)——轮播图的实现
上篇文章中,我们一起构建了京东client的TabBar.在本文中.将继续向大家介绍京东client首页轮播图及其下发功能button的开发方法,如今就让我们開始吧! 1.相关控件调研 眼下在Gith ...
- WCF学习笔记——配置服务引用
WCF传过来的东西要序列化. 比如,在WCF服务中,象这么个方法 public IEnumerable<UserItem> GetUserList() 默认情况下,在客户端会调用,是这样: ...
- Codeforces Round #277 (Div. 2)A. Calculating Function 水
A. Calculating Function For a positive integer n let's define a function f: f(n) = - 1 + 2 - 3 + ...
- Why is try {…} finally {…} good; try {…} catch{} bad?
http://stackoverflow.com/questions/128818/why-is-try-finally-good-try-catch-bad The big difference i ...
- Android WiFi开发教程(二)——WiFi的搜索和连接
在上一篇中我们介绍了WiFi热点的创建和关闭,如果你还没阅读过,建议先阅读上一篇文章Android WiFi开发教程(一)——WiFi热点的创建与关闭. 本章节主要继续介绍WiFi的搜索和连接. Wi ...
- pull的时候报错
- idea新建文件无法识别(二)
1,出现问题的步骤: 当想新增一个Hello.java文件时候 选错了文件类型.新建了一个text文件.当回过头来把文件后缀改掉的时候发现idea无法识别,颜色一直是灰色. 2,解决问题的办法: 选择 ...
- PL/SQL实现JAVA中的split()方法的小例子
众所周知,java中为String类提供了split()字符串分割的方法,所以很容易将字符串以指定的符号分割为一个字符串数组.但是在pl/sql中并没有提供像java中的split()方法,所以要想在 ...
- ES:AI 注释
为AI做注解: AI已经出第三版,大的框架没有改变,DNN也没有引入AI这本书.第四版网络版应流出,不知道最终定版如何! 强化学习的方法有大幅度更新,但从策略系统更新范畴看来,没有什么实质的改变,只是 ...