WPF 过渡效果

http://blog.csdn.net/lhx527099095/article/details/8005095

先上张效果图看看 如果不如您的法眼 可以移步了 或者有更好的效果 可以留言给我

废话不多说 直接贴代码 一个usercontrol

[csharp] view
plaincopy

1. <UserControl x:Class="LoadingMask_Demo.LoadingWait"
2. xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
3. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
4. xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
5. IsVisibleChanged="HandleVisibleChanged">
6. <UserControl.Background>
7. <SolidColorBrush Color="Black" Opacity="0.2"  />
8. </UserControl.Background>
9. <UserControl.Resources>
10. <SolidColorBrush Color="#FF007BE5" x:Key="CirclesColor" />
11. <!--<SolidColorBrush Color="Black" x:Key="BackgroundColor" Opacity=".20" />-->
12. </UserControl.Resources>
13. <Viewbox Width="100" Height="100"
14. HorizontalAlignment="Center"
15. VerticalAlignment="Center">
16. <Grid x:Name="LayoutRoot"
17. Background="Transparent"
18. ToolTip="Please wait...."
19. HorizontalAlignment="Center"
20. VerticalAlignment="Center">
21. <TextBlock Text="Loading..."  HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="14" Foreground="#FFE3953D" FontWeight="Bold" />
22. <Canvas RenderTransformOrigin="0.5,0.5"
23. HorizontalAlignment="Center"
24. VerticalAlignment="Center" Width="120"
25. Height="120" Loaded="HandleLoaded"
26. Unloaded="HandleUnloaded"  >
27. <Ellipse x:Name="C0" Width="20" Height="20"
28. Canvas.Left="0"
29. Canvas.Top="0" Stretch="Fill"
30. Fill="{StaticResource CirclesColor}" Opacity="1.0"/>
31. <Ellipse x:Name="C1" Width="20" Height="20"
32. Canvas.Left="0"
33. Canvas.Top="0" Stretch="Fill"
34. Fill="{StaticResource CirclesColor}" Opacity="0.9"/>
35. <Ellipse x:Name="C2" Width="20" Height="20"
36. Canvas.Left="0"
37. Canvas.Top="0" Stretch="Fill"
38. Fill="{StaticResource CirclesColor}" Opacity="0.8"/>
39. <Ellipse x:Name="C3" Width="20" Height="20"
40. Canvas.Left="0"
41. Canvas.Top="0" Stretch="Fill"
42. Fill="{StaticResource CirclesColor}" Opacity="0.7"/>
43. <Ellipse x:Name="C4" Width="20" Height="20"
44. Canvas.Left="0"
45. Canvas.Top="0" Stretch="Fill"
46. Fill="{StaticResource CirclesColor}" Opacity="0.6"/>
47. <Ellipse x:Name="C5" Width="20" Height="20"
48. Canvas.Left="0"
49. Canvas.Top="0" Stretch="Fill"
50. Fill="{StaticResource CirclesColor}" Opacity="0.5"/>
51. <Ellipse x:Name="C6" Width="20" Height="20"
52. Canvas.Left="0"
53. Canvas.Top="0" Stretch="Fill"
54. Fill="{StaticResource CirclesColor}" Opacity="0.4"/>
55. <Ellipse x:Name="C7" Width="20" Height="20"
56. Canvas.Left="0"
57. Canvas.Top="0" Stretch="Fill"
58. Fill="{StaticResource CirclesColor}" Opacity="0.3"/>
59. <Ellipse x:Name="C8" Width="20" Height="20"
60. Canvas.Left="0"
61. Canvas.Top="0" Stretch="Fill"
62. Fill="{StaticResource CirclesColor}" Opacity="0.2"/>
63. <Canvas.RenderTransform>
64. <RotateTransform x:Name="SpinnerRotate"
65. Angle="0" />
66. </Canvas.RenderTransform>
67. </Canvas>
68. </Grid>
69. </Viewbox>
70. </UserControl>
71. 后台代码：
72. using System;
73. using System.Collections.Generic;
74. using System.Linq;
75. using System.Text;
76. using System.Windows;
77. using System.Windows.Controls;
78. using System.Windows.Data;
79. using System.Windows.Documents;
80. using System.Windows.Input;
81. using System.Windows.Media;
82. using System.Windows.Media.Imaging;
83. using System.Windows.Navigation;
84. using System.Windows.Shapes;
85. using System.Windows.Threading;
86. namespace LoadingMask_Demo
87. {
88. /// <summary>
89. /// Interaction logic for LoadingWait.xaml
90. /// </summary>
91. public partial class LoadingWait : UserControl
92. {
93. #region Data
94. private readonly DispatcherTimer animationTimer;
95. #endregion
96. #region Constructor
97. public LoadingWait()
98. {
99. InitializeComponent();
100. animationTimer = new DispatcherTimer(
101. DispatcherPriority.ContextIdle, Dispatcher);
102. animationTimer.Interval = new TimeSpan(0, 0, 0, 0, 90);
103. }
104. #endregion
105. #region Private Methods
106. private void Start()
107. {
108. animationTimer.Tick += HandleAnimationTick;
109. animationTimer.Start();
110. }
111. private void Stop()
112. {
113. animationTimer.Stop();
114. animationTimer.Tick -= HandleAnimationTick;
115. }
116. private void HandleAnimationTick(object sender, EventArgs e)
117. {
118. SpinnerRotate.Angle = (SpinnerRotate.Angle + 36) % 360;
119. }
120. private void HandleLoaded(object sender, RoutedEventArgs e)
121. {
122. const double offset = Math.PI;
123. const double step = Math.PI * 2 / 10.0;
124. SetPosition(C0, offset, 0.0, step);
125. SetPosition(C1, offset, 1.0, step);
126. SetPosition(C2, offset, 2.0, step);
127. SetPosition(C3, offset, 3.0, step);
128. SetPosition(C4, offset, 4.0, step);
129. SetPosition(C5, offset, 5.0, step);
130. SetPosition(C6, offset, 6.0, step);
131. SetPosition(C7, offset, 7.0, step);
132. SetPosition(C8, offset, 8.0, step);
133. }
134. private void SetPosition(Ellipse ellipse, double offset,
135. double posOffSet, double step)
136. {
137. ellipse.SetValue(Canvas.LeftProperty, 50.0
138. + Math.Sin(offset + posOffSet * step) * 50.0);
139. ellipse.SetValue(Canvas.TopProperty, 50
140. + Math.Cos(offset + posOffSet * step) * 50.0);
141. }
142. private void HandleUnloaded(object sender, RoutedEventArgs e)
143. {
144. Stop();
145. }
146. private void HandleVisibleChanged(object sender,
147. DependencyPropertyChangedEventArgs e)
148. {
149. bool isVisible = (bool)e.NewValue;
150. if (isVisible)
151. Start();
152. else
153. Stop();
154. }
155. #endregion
156. }
157. }

调用的代码也贴出来吧

[csharp] view
plaincopy

1. <Window x:Class="LoadingMask_Demo.MainWindow"
2. xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
3. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
4. Title="MainWindow" Height="350" Width="525"
5. xmlns:local="clr-namespace:LoadingMask_Demo"
6. >
7. <DockPanel>
8. <StackPanel Orientation="Horizontal" DockPanel.Dock="Top">
9. <Button  Content="show" Width="70" Height="30" Click="ShowButton_Click" />
10. <Button  Content="hide" Width="70" Height="30" Click="HideButton_Click"/>
11. </StackPanel>
12. <Grid Background="#FF484848" DockPanel.Dock="Bottom">
13. <TextBlock Text="asdfasdfasdf" Foreground="White"/>
14. <local:LoadingWait x:Name="_loading"  Visibility="Collapsed"/>
15. </Grid>
16. </DockPanel>
17. </Window>
18. 后台代码
19. using System;
20. using System.Collections.Generic;
21. using System.Linq;
22. using System.Text;
23. using System.Windows;
24. using System.Windows.Controls;
25. using System.Windows.Data;
26. using System.Windows.Documents;
27. using System.Windows.Input;
28. using System.Windows.Media;
29. using System.Windows.Media.Imaging;
30. using System.Windows.Navigation;
31. using System.Windows.Shapes;
32. namespace LoadingMask_Demo
33. {
34. /// <summary>
35. /// Interaction logic for MainWindow.xaml
36. /// </summary>
37. public partial class MainWindow : Window
38. {
39. public MainWindow()
40. {
41. InitializeComponent();
42. }
43. private void ShowButton_Click(object sender, RoutedEventArgs e)
44. {
45. this._loading.Visibility = Visibility.Visible;
46. }
47. private void HideButton_Click(object sender, RoutedEventArgs e)
48. {
49. this._loading.Visibility = Visibility.Collapsed;
50. }
51. }
52. }