Silverlight进度条控件动画源代码
2024-06-09 10:31:28
效果：
代码：
1 <UserControl x:Class="ShineDraw.Controls.LoadingAnimation"
2 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
3 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
4 Width="400" Height="400" >
5 <UserControl.Resources>
6 <Storyboard x:Name="Rotation" RepeatBehavior="Forever">
7 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="LayoutRoot" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)">
8 <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
9 <SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="0"/>
10 <SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="45"/>
11 <SplineDoubleKeyFrame KeyTime="00:00:00.4000000" Value="45"/>
12 <SplineDoubleKeyFrame KeyTime="00:00:00.4000000" Value="90"/>
13 <SplineDoubleKeyFrame KeyTime="00:00:00.6000000" Value="90"/>
14 <SplineDoubleKeyFrame KeyTime="00:00:00.6000000" Value="135"/>
15 <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="135"/>
16 <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="180"/>
17 <SplineDoubleKeyFrame KeyTime="00:00:01.0000000" Value="180"/>
18 <SplineDoubleKeyFrame KeyTime="00:00:01.0000000" Value="225"/>
19 <SplineDoubleKeyFrame KeyTime="00:00:01.2000000" Value="225"/>
20 <SplineDoubleKeyFrame KeyTime="00:00:01.2000000" Value="270"/>
21 <SplineDoubleKeyFrame KeyTime="00:00:01.4000000" Value="270"/>
22 <SplineDoubleKeyFrame KeyTime="00:00:01.4000000" Value="315"/>
23 <SplineDoubleKeyFrame KeyTime="00:00:01.6000000" Value="315"/>
24 </DoubleAnimationUsingKeyFrames>
25 </Storyboard>
26 </UserControl.Resources>
27
28 <Grid x:Name="LayoutRoot" Background="Transparent" RenderTransformOrigin="0.5,0.5">
29 <Grid.RenderTransform>
30 <TransformGroup>
31 <ScaleTransform/>
32 <SkewTransform/>
33 <RotateTransform/>
34 <TranslateTransform/>
35 </TransformGroup>
36 </Grid.RenderTransform>
37 <Ellipse Width="100" Height="100" Fill="#FF000000" >
38 <Ellipse.RenderTransform>
39 <TransformGroup>
40 <ScaleTransform/>
41 <SkewTransform/>
42 <RotateTransform/>
43 <TranslateTransform X="-150"/>
44 </TransformGroup>
45 </Ellipse.RenderTransform>
46 </Ellipse>
47 <Ellipse Width="100" Height="100" Fill="#FFAAAAAA" >
48 <Ellipse.RenderTransform>
49 <TransformGroup>
50 <ScaleTransform/>
51 <SkewTransform/>
52 <RotateTransform Angle="45" CenterX="200" CenterY="50"/>
53 <TranslateTransform X="-150"/>
54 </TransformGroup>
55 </Ellipse.RenderTransform>
56 </Ellipse>
57 <Ellipse Width="100" Height="100" Fill="#FFAAAAAA" >
58 <Ellipse.RenderTransform>
59 <TransformGroup>
60 <ScaleTransform/>
61 <SkewTransform/>
62 <RotateTransform Angle="90" CenterX="200" CenterY="50"/>
63 <TranslateTransform X="-150"/>
64 </TransformGroup>
65 </Ellipse.RenderTransform>
66 </Ellipse>
67 <Ellipse Width="100" Height="100" Fill="#FFAAAAAA" >
68 <Ellipse.RenderTransform>
69 <TransformGroup>
70 <ScaleTransform/>
71 <SkewTransform/>
72 <RotateTransform Angle="135" CenterX="200" CenterY="50"/>
73 <TranslateTransform X="-150"/>
74 </TransformGroup>
75 </Ellipse.RenderTransform>
76 </Ellipse>
77 <Ellipse Width="100" Height="100" Fill="#FF999999" >
78 <Ellipse.RenderTransform>
79 <TransformGroup>
80 <ScaleTransform/>
81 <SkewTransform/>
82 <RotateTransform Angle="180" CenterX="200" CenterY="50"/>
83 <TranslateTransform X="-150"/>
84 </TransformGroup>
85 </Ellipse.RenderTransform>
86 </Ellipse>
87 <Ellipse Width="100" Height="100" Fill="#FF777777" >
88 <Ellipse.RenderTransform>
89 <TransformGroup>
90 <ScaleTransform/>
91 <SkewTransform/>
92 <RotateTransform Angle="225" CenterX="200" CenterY="50"/>
93 <TranslateTransform X="-150"/>
94 </TransformGroup>
95 </Ellipse.RenderTransform>
96 </Ellipse>
97 <Ellipse Width="100" Height="100" Fill="#FF555555" >
98 <Ellipse.RenderTransform>
99 <TransformGroup>
100 <ScaleTransform/>
101 <SkewTransform/>
102 <RotateTransform Angle="270" CenterX="200" CenterY="50"/>
103 <TranslateTransform X="-150"/>
104 </TransformGroup>
105 </Ellipse.RenderTransform>
106 </Ellipse>
107 <Ellipse Width="100" Height="100" Fill="#FF333333" >
108 <Ellipse.RenderTransform>
109 <TransformGroup>
110 <ScaleTransform/>
111 <SkewTransform/>
112 <RotateTransform Angle="315" CenterX="200" CenterY="50"/>
113 <TranslateTransform X="-150"/>
114 </TransformGroup>
115 </Ellipse.RenderTransform>
116 </Ellipse>
117 </Grid>
118 </UserControl>
119
2 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
3 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
4 Width="400" Height="400" >
5 <UserControl.Resources>
6 <Storyboard x:Name="Rotation" RepeatBehavior="Forever">
7 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="LayoutRoot" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)">
8 <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
9 <SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="0"/>
10 <SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="45"/>
11 <SplineDoubleKeyFrame KeyTime="00:00:00.4000000" Value="45"/>
12 <SplineDoubleKeyFrame KeyTime="00:00:00.4000000" Value="90"/>
13 <SplineDoubleKeyFrame KeyTime="00:00:00.6000000" Value="90"/>
14 <SplineDoubleKeyFrame KeyTime="00:00:00.6000000" Value="135"/>
15 <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="135"/>
16 <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="180"/>
17 <SplineDoubleKeyFrame KeyTime="00:00:01.0000000" Value="180"/>
18 <SplineDoubleKeyFrame KeyTime="00:00:01.0000000" Value="225"/>
19 <SplineDoubleKeyFrame KeyTime="00:00:01.2000000" Value="225"/>
20 <SplineDoubleKeyFrame KeyTime="00:00:01.2000000" Value="270"/>
21 <SplineDoubleKeyFrame KeyTime="00:00:01.4000000" Value="270"/>
22 <SplineDoubleKeyFrame KeyTime="00:00:01.4000000" Value="315"/>
23 <SplineDoubleKeyFrame KeyTime="00:00:01.6000000" Value="315"/>
24 </DoubleAnimationUsingKeyFrames>
25 </Storyboard>
26 </UserControl.Resources>
27
28 <Grid x:Name="LayoutRoot" Background="Transparent" RenderTransformOrigin="0.5,0.5">
29 <Grid.RenderTransform>
30 <TransformGroup>
31 <ScaleTransform/>
32 <SkewTransform/>
33 <RotateTransform/>
34 <TranslateTransform/>
35 </TransformGroup>
36 </Grid.RenderTransform>
37 <Ellipse Width="100" Height="100" Fill="#FF000000" >
38 <Ellipse.RenderTransform>
39 <TransformGroup>
40 <ScaleTransform/>
41 <SkewTransform/>
42 <RotateTransform/>
43 <TranslateTransform X="-150"/>
44 </TransformGroup>
45 </Ellipse.RenderTransform>
46 </Ellipse>
47 <Ellipse Width="100" Height="100" Fill="#FFAAAAAA" >
48 <Ellipse.RenderTransform>
49 <TransformGroup>
50 <ScaleTransform/>
51 <SkewTransform/>
52 <RotateTransform Angle="45" CenterX="200" CenterY="50"/>
53 <TranslateTransform X="-150"/>
54 </TransformGroup>
55 </Ellipse.RenderTransform>
56 </Ellipse>
57 <Ellipse Width="100" Height="100" Fill="#FFAAAAAA" >
58 <Ellipse.RenderTransform>
59 <TransformGroup>
60 <ScaleTransform/>
61 <SkewTransform/>
62 <RotateTransform Angle="90" CenterX="200" CenterY="50"/>
63 <TranslateTransform X="-150"/>
64 </TransformGroup>
65 </Ellipse.RenderTransform>
66 </Ellipse>
67 <Ellipse Width="100" Height="100" Fill="#FFAAAAAA" >
68 <Ellipse.RenderTransform>
69 <TransformGroup>
70 <ScaleTransform/>
71 <SkewTransform/>
72 <RotateTransform Angle="135" CenterX="200" CenterY="50"/>
73 <TranslateTransform X="-150"/>
74 </TransformGroup>
75 </Ellipse.RenderTransform>
76 </Ellipse>
77 <Ellipse Width="100" Height="100" Fill="#FF999999" >
78 <Ellipse.RenderTransform>
79 <TransformGroup>
80 <ScaleTransform/>
81 <SkewTransform/>
82 <RotateTransform Angle="180" CenterX="200" CenterY="50"/>
83 <TranslateTransform X="-150"/>
84 </TransformGroup>
85 </Ellipse.RenderTransform>
86 </Ellipse>
87 <Ellipse Width="100" Height="100" Fill="#FF777777" >
88 <Ellipse.RenderTransform>
89 <TransformGroup>
90 <ScaleTransform/>
91 <SkewTransform/>
92 <RotateTransform Angle="225" CenterX="200" CenterY="50"/>
93 <TranslateTransform X="-150"/>
94 </TransformGroup>
95 </Ellipse.RenderTransform>
96 </Ellipse>
97 <Ellipse Width="100" Height="100" Fill="#FF555555" >
98 <Ellipse.RenderTransform>
99 <TransformGroup>
100 <ScaleTransform/>
101 <SkewTransform/>
102 <RotateTransform Angle="270" CenterX="200" CenterY="50"/>
103 <TranslateTransform X="-150"/>
104 </TransformGroup>
105 </Ellipse.RenderTransform>
106 </Ellipse>
107 <Ellipse Width="100" Height="100" Fill="#FF333333" >
108 <Ellipse.RenderTransform>
109 <TransformGroup>
110 <ScaleTransform/>
111 <SkewTransform/>
112 <RotateTransform Angle="315" CenterX="200" CenterY="50"/>
113 <TranslateTransform X="-150"/>
114 </TransformGroup>
115 </Ellipse.RenderTransform>
116 </Ellipse>
117 </Grid>
118 </UserControl>
119
本文转自dotfun 51CTO博客，原文链接:http://blog.51cto.com/dotfun/285679
Silverlight进度条控件动画源代码相关推荐
- ExtJs4 笔记（8） Ext.slider 滚轴控件、 Ext.ProgressBar 进度条控件、 Ext.Editor 编辑控件...
本篇要登场的有三个控件,分别是滚轴控件.进度条控件和编辑控件. 一.滚轴控件 Ext.slider 1.滚轴控件的定义 下面我们定义三个具有代表意义滚轴控件,分别展示滚轴横向.纵向,以及单值.多值选择 ...
- Android Paint应用之自定义View实现进度条控件
在上一篇文章<Android神笔之Paint>学习了Paint的基本用法,但是具体的应用我们还没有实践过.从标题中可知,本文是带领读者使用Paint,自定义一个进度条控件. 上图就是本文要 ...
- [K/3Cloud]进度条控件编程接口
进度条控件编程接口 1.启动进度查询 this.GetControl<ProgressBar>().Start(2) //每2秒查询一次进度 2.汇报进度 在插件中重载 OnQueryP ...
- MFC中进度条控件的使用方法
进度条控件是程序开发中基础控件之一,常用于显示程序的进度.在进行程序安装.文件传输时经常用到.其用法也比较简单固定. 转自:http://jingyan.baidu.com/article/95c9d ...
- Android中进度条控件使用
android中进度条控件使用 ProgressBar pb = findViewById(R.id.pb);pb.setMax(100);pb.setProgress(33); 转载于:https: ...
- DevExpress的进度条控件ProgressBarControl的使用-以ZedGraph添加曲线进度为例
场景 Winform控件-DevExpress18下载安装注册以及在VS中使用: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/1 ...
- 使用GDI+实现圆形进度条控件的平滑效果
DownLoad Src 传统的GDI绘制图形时的一个致命缺点是图像存在锯齿毛糙, 使用GDI+能绘制漂亮的渐变图像并有光滑图像的功能.利用GDI+对圆形进度条控件进行修改,效果如下:
- VC用MFC开发的圆形进度条控件
DownLoad Src VC用MFC开发的圆形进度条控件 visualsan@yahoo.cn NUAA zss 在NBA2007游戏里,还有很多科幻电影里,经常可以看到圆形进度条.有的用来显示导弹 ...
- CProgressCtrl进度条控件实现进度滚动效果
关于CProgressCtrl 控件的基本操作网上有很多资料,可我想实现进度条中进度滚动效果,即很多时候程序出现的等待或启动画面,如下图: 实现这个效果的函数为SetMarquee(_In_ BOOL ...
最新文章
- 逆透视变换IPM模型
- 软件之最大全电子书免费版
- ios开发中，User Defined Runtime Attributes的应用
- 最近一月的娱乐生活：看电影，玩游戏
- php - Api 接口写法规范和要求
- idea从gitlab拉项目到本地_Git入门-基础命令，用github免费服务器域名部署小项目...
- 软件设计原则（四）依赖倒置原则 -Dependence Inversion Principle
- .NET使用NPOI读取Word模板并替换关键字并下载
- 深度综述|基因与疾病关系研究的百年进展
- 机器学习必备的数学知识，一次学会
- 9个元素换6次达到排序序列_全面讲解十大经典排序算法（Python实现）
- 时间序列 ARMA 模型实战！
- 布控球可接入电网安全接入平台及电网统一视频
- 高红梅 第一章 海明威自我身份意识的形成 第一节 文化氛围与自我身份意识的生成
- CTF Just Click
- 这个案例你可以直接拿去用。
- 计算机二级Python第二弹课后题来袭！冲冲冲！！！
- VBA中的MsgBox函数使用
- 【力扣】买卖股票的最佳时机 II
- TF卡里删掉文件后内存没变大_双11，TF卡，SD卡，读卡器如何选，看这篇就够了...