Silverlight之我见——制作星星闪烁动画

2024-03-20 01:38

本文主要是介绍Silverlight之我见——制作星星闪烁动画,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

圣诞节来了,无聊,做点东西纪念一下。
原理很简单,生成1000个圆,从随机数来布置它们的位置,通过动画来处理它们的透明度,动画时长也是随机生成。
1、创建图形数组并设置背景透明,渐变笔触,大小等,而后加入到Grid元素的子元素集中;
2、创建动画时间线;
3、加载完成后播放动画;
4、每一轮动画播放完毕后,重新随机生成一下图形的Margin,动画的时间长度也是随机生成。
 
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之我见——制作星星闪烁动画的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/827894

相关文章

Kotlin Compose Button 实现长按监听并实现动画效果(完整代码)

《KotlinComposeButton实现长按监听并实现动画效果(完整代码)》想要实现长按按钮开始录音,松开发送的功能,因此为了实现这些功能就需要自己写一个Button来解决问题,下面小编给大... 目录Button 实现原理1. Surface 的作用(关键)2. InteractionSource3.

使用WPF实现窗口抖动动画效果

《使用WPF实现窗口抖动动画效果》在用户界面设计中,适当的动画反馈可以提升用户体验,尤其是在错误提示、操作失败等场景下,窗口抖动作为一种常见且直观的视觉反馈方式,常用于提醒用户注意当前状态,本文将详细... 目录前言实现思路概述核心代码实现1、 获取目标窗口2、初始化基础位置值3、创建抖动动画4、动画完成后

使用animation.css库快速实现CSS3旋转动画效果

《使用animation.css库快速实现CSS3旋转动画效果》随着Web技术的不断发展,动画效果已经成为了网页设计中不可或缺的一部分,本文将深入探讨animation.css的工作原理,如何使用以及... 目录1. css3动画技术简介2. animation.css库介绍2.1 animation.cs

使用Node.js制作图片上传服务的详细教程

《使用Node.js制作图片上传服务的详细教程》在现代Web应用开发中,图片上传是一项常见且重要的功能,借助Node.js强大的生态系统,我们可以轻松搭建高效的图片上传服务,本文将深入探讨如何使用No... 目录准备工作搭建 Express 服务器配置 multer 进行图片上传处理图片上传请求完整代码示例

最好用的WPF加载动画功能

《最好用的WPF加载动画功能》当开发应用程序时,提供良好的用户体验(UX)是至关重要的,加载动画作为一种有效的沟通工具,它不仅能告知用户系统正在工作,还能够通过视觉上的吸引力来增强整体用户体验,本文给... 目录前言需求分析高级用法综合案例总结最后前言当开发应用程序时,提供良好的用户体验(UX)是至关重要

基于Python实现PDF动画翻页效果的阅读器

《基于Python实现PDF动画翻页效果的阅读器》在这篇博客中,我们将深入分析一个基于wxPython实现的PDF阅读器程序,该程序支持加载PDF文件并显示页面内容,同时支持页面切换动画效果,文中有详... 目录全部代码代码结构初始化 UI 界面加载 PDF 文件显示 PDF 页面页面切换动画运行效果总结主

使用Python制作一个PDF批量加密工具

《使用Python制作一个PDF批量加密工具》PDF批量加密‌是一种保护PDF文件安全性的方法,通过为多个PDF文件设置相同的密码,防止未经授权的用户访问这些文件,下面我们来看看如何使用Python制... 目录1.简介2.运行效果3.相关源码1.简介一个python写的PDF批量加密工具。PDF批量加密

Qt QWidget实现图片旋转动画

《QtQWidget实现图片旋转动画》这篇文章主要为大家详细介绍了如何使用了Qt和QWidget实现图片旋转动画效果,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 一、效果展示二、源码分享本例程通过QGraphicsView实现svg格式图片旋转。.hpjavascript

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画(下)

【课程链接】 AntV G6:深入图形与图形分组、自定义节点、节点动画(下)_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中,应该怎样去计算和绘制图形,如何给一个图形制作不间断的动画,以及在鼠标事件之后产生动画。(有点难,需要好好理解) <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06

Flutter 进阶:绘制加载动画

绘制加载动画:由小圆组成的大圆 1. 定义 LoadingScreen 类2. 实现 _LoadingScreenState 类3. 定义 LoadingPainter 类4. 总结 实现加载动画 我们需要定义两个类:LoadingScreen 和 LoadingPainter。LoadingScreen 负责控制动画的状态,而 LoadingPainter 则负责绘制动画。