效果:
代码:
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
分享到:
相关推荐
silverlight自定义的进度条 适合新手
silverlight 显示gif动画控件,附例子~~~ http://www.dotnetdev.cn
silverlight4.0 datagrid控件动画
WPF和Silverlight,WPF和Silverlight翻书效果源代码
多个Silverlight学习源代码:silverlight toolkit中的主题(theme)应用、SilverLight 桌面文件夹效果源码、Silverlight4.0 Demo 源码、Silverlight5 beta新特性源码、SilverlightDataGrid、SilverlightMVVM模式...
silverlight 时钟 控件silverlight 时钟 控件silverlight 时钟 控件silverlight 时钟 控件silverlight 时钟 控件silverlight 时钟 控件silverlight 时钟 控件
Silverlight控件可拖拽示例代码 Silverlight控件可拖拽示例代码Silverlight控件可拖拽示例代码Silverlight控件可拖拽示例代码 Silverlight控件可拖拽示例代码 Silverlight控件可拖拽示例代码
简单的Silverlight 自定义控件源码。 通过它,可以知道基本的silverlight自定义控件是如何编写的。
Telerik 2011 Q2 Silverlight 开发版 附源代码下载 下载后有 115网盘地址 控件可用 无期限
silverlight 自定义进度条 非常漂亮
silverlight 实现的 计算器 源代码 比较绚丽的一款计算器值得你拥有
好看的silverlight分页控件,里面附有调用方法,呈现的样子,附有全部的源码,可随意的去修改
silverlight 高级音乐播放器源代码程序汇集大量silverlight工程师智慧开发,属于难得收藏品
零基础学通Silverlight 最新最完整源代码,包含20至22章的内容
Silverlight进度条源码 此示例演示了如何自定义你的Silverlight应用的默认装载进度条。 设计完成了进度和百分比的显示。
一般的日历控件只显示一个月,该Silverlight日历控件实现了2个月同时显示,点击年份选择年,点击月份选择月,控件样式美观,有需要的可以下载参考。 注意: 开发环境为Visual Studio 2010
一个用silverlight编写的投掷效果!
WPF和Silverlight项目设计实例光盘源代码 作者:张洪定
银光志(Silverlight 3.0)书籍源代码.part1 银光志(Silverlight 3.0)书籍源代码.part1
银光志(Silverlight 3.0)书籍源代码.part2 银光志(Silverlight 3.0)书籍源代码.part2