LoadingControl.xaml 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342
  1. <UserControl x:Class="GDNXFD.Alert.Config.Controls.LoadingControl"
  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. xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  6. mc:Ignorable="d"
  7. xmlns:gif="http://wpfanimatedgif.codeplex.com">
  8. <UserControl.Resources>
  9. <Storyboard x:Key="LoadingAnimation" AutoReverse="True" RepeatBehavior="Forever">
  10. <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Width)" Storyboard.TargetName="ellipse">
  11. <EasingDoubleKeyFrame KeyTime="0" Value="15">
  12. <EasingDoubleKeyFrame.EasingFunction>
  13. <QuarticEase EasingMode="EaseInOut"/>
  14. </EasingDoubleKeyFrame.EasingFunction>
  15. </EasingDoubleKeyFrame>
  16. <EasingDoubleKeyFrame KeyTime="0:0:0.1" Value="25">
  17. <EasingDoubleKeyFrame.EasingFunction>
  18. <QuarticEase EasingMode="EaseInOut"/>
  19. </EasingDoubleKeyFrame.EasingFunction>
  20. </EasingDoubleKeyFrame>
  21. <EasingDoubleKeyFrame KeyTime="0:0:0.2" Value="15">
  22. <EasingDoubleKeyFrame.EasingFunction>
  23. <QuarticEase EasingMode="EaseInOut"/>
  24. </EasingDoubleKeyFrame.EasingFunction>
  25. </EasingDoubleKeyFrame>
  26. </DoubleAnimationUsingKeyFrames>
  27. <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Height)" Storyboard.TargetName="ellipse">
  28. <EasingDoubleKeyFrame KeyTime="0" Value="15">
  29. <EasingDoubleKeyFrame.EasingFunction>
  30. <QuarticEase EasingMode="EaseInOut"/>
  31. </EasingDoubleKeyFrame.EasingFunction>
  32. </EasingDoubleKeyFrame>
  33. <EasingDoubleKeyFrame KeyTime="0:0:0.1" Value="25">
  34. <EasingDoubleKeyFrame.EasingFunction>
  35. <QuarticEase EasingMode="EaseInOut"/>
  36. </EasingDoubleKeyFrame.EasingFunction>
  37. </EasingDoubleKeyFrame>
  38. <EasingDoubleKeyFrame KeyTime="0:0:0.2" Value="15">
  39. <EasingDoubleKeyFrame.EasingFunction>
  40. <QuarticEase EasingMode="EaseInOut"/>
  41. </EasingDoubleKeyFrame.EasingFunction>
  42. </EasingDoubleKeyFrame>
  43. </DoubleAnimationUsingKeyFrames>
  44. <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Width)" Storyboard.TargetName="ellipse1">
  45. <EasingDoubleKeyFrame KeyTime="0" Value="15">
  46. <EasingDoubleKeyFrame.EasingFunction>
  47. <QuarticEase EasingMode="EaseInOut"/>
  48. </EasingDoubleKeyFrame.EasingFunction>
  49. </EasingDoubleKeyFrame>
  50. <EasingDoubleKeyFrame KeyTime="0:0:0.2" Value="25">
  51. <EasingDoubleKeyFrame.EasingFunction>
  52. <QuarticEase EasingMode="EaseInOut"/>
  53. </EasingDoubleKeyFrame.EasingFunction>
  54. </EasingDoubleKeyFrame>
  55. <EasingDoubleKeyFrame KeyTime="0:0:0.3" Value="15">
  56. <EasingDoubleKeyFrame.EasingFunction>
  57. <QuarticEase EasingMode="EaseInOut"/>
  58. </EasingDoubleKeyFrame.EasingFunction>
  59. </EasingDoubleKeyFrame>
  60. </DoubleAnimationUsingKeyFrames>
  61. <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Height)" Storyboard.TargetName="ellipse1">
  62. <EasingDoubleKeyFrame KeyTime="0" Value="15">
  63. <EasingDoubleKeyFrame.EasingFunction>
  64. <QuarticEase EasingMode="EaseInOut"/>
  65. </EasingDoubleKeyFrame.EasingFunction>
  66. </EasingDoubleKeyFrame>
  67. <EasingDoubleKeyFrame KeyTime="0:0:0.2" Value="25">
  68. <EasingDoubleKeyFrame.EasingFunction>
  69. <QuarticEase EasingMode="EaseInOut"/>
  70. </EasingDoubleKeyFrame.EasingFunction>
  71. </EasingDoubleKeyFrame>
  72. <EasingDoubleKeyFrame KeyTime="0:0:0.3" Value="15">
  73. <EasingDoubleKeyFrame.EasingFunction>
  74. <QuarticEase EasingMode="EaseInOut"/>
  75. </EasingDoubleKeyFrame.EasingFunction>
  76. </EasingDoubleKeyFrame>
  77. </DoubleAnimationUsingKeyFrames>
  78. <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Width)" Storyboard.TargetName="ellipse2">
  79. <EasingDoubleKeyFrame KeyTime="0" Value="15">
  80. <EasingDoubleKeyFrame.EasingFunction>
  81. <QuarticEase EasingMode="EaseInOut"/>
  82. </EasingDoubleKeyFrame.EasingFunction>
  83. </EasingDoubleKeyFrame>
  84. <EasingDoubleKeyFrame KeyTime="0:0:0.3" Value="25">
  85. <EasingDoubleKeyFrame.EasingFunction>
  86. <QuarticEase EasingMode="EaseInOut"/>
  87. </EasingDoubleKeyFrame.EasingFunction>
  88. </EasingDoubleKeyFrame>
  89. <EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="15">
  90. <EasingDoubleKeyFrame.EasingFunction>
  91. <QuarticEase EasingMode="EaseInOut"/>
  92. </EasingDoubleKeyFrame.EasingFunction>
  93. </EasingDoubleKeyFrame>
  94. </DoubleAnimationUsingKeyFrames>
  95. <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Height)" Storyboard.TargetName="ellipse2">
  96. <EasingDoubleKeyFrame KeyTime="0" Value="15">
  97. <EasingDoubleKeyFrame.EasingFunction>
  98. <QuarticEase EasingMode="EaseInOut"/>
  99. </EasingDoubleKeyFrame.EasingFunction>
  100. </EasingDoubleKeyFrame>
  101. <EasingDoubleKeyFrame KeyTime="0:0:0.3" Value="25">
  102. <EasingDoubleKeyFrame.EasingFunction>
  103. <QuarticEase EasingMode="EaseInOut"/>
  104. </EasingDoubleKeyFrame.EasingFunction>
  105. </EasingDoubleKeyFrame>
  106. <EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="15">
  107. <EasingDoubleKeyFrame.EasingFunction>
  108. <QuarticEase EasingMode="EaseInOut"/>
  109. </EasingDoubleKeyFrame.EasingFunction>
  110. </EasingDoubleKeyFrame>
  111. </DoubleAnimationUsingKeyFrames>
  112. <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Width)" Storyboard.TargetName="ellipse3">
  113. <EasingDoubleKeyFrame KeyTime="0" Value="15">
  114. <EasingDoubleKeyFrame.EasingFunction>
  115. <QuarticEase EasingMode="EaseInOut"/>
  116. </EasingDoubleKeyFrame.EasingFunction>
  117. </EasingDoubleKeyFrame>
  118. <EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="25">
  119. <EasingDoubleKeyFrame.EasingFunction>
  120. <QuarticEase EasingMode="EaseInOut"/>
  121. </EasingDoubleKeyFrame.EasingFunction>
  122. </EasingDoubleKeyFrame>
  123. <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="15">
  124. <EasingDoubleKeyFrame.EasingFunction>
  125. <QuarticEase EasingMode="EaseInOut"/>
  126. </EasingDoubleKeyFrame.EasingFunction>
  127. </EasingDoubleKeyFrame>
  128. </DoubleAnimationUsingKeyFrames>
  129. <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Height)" Storyboard.TargetName="ellipse3">
  130. <EasingDoubleKeyFrame KeyTime="0" Value="15">
  131. <EasingDoubleKeyFrame.EasingFunction>
  132. <QuarticEase EasingMode="EaseInOut"/>
  133. </EasingDoubleKeyFrame.EasingFunction>
  134. </EasingDoubleKeyFrame>
  135. <EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="25">
  136. <EasingDoubleKeyFrame.EasingFunction>
  137. <QuarticEase EasingMode="EaseInOut"/>
  138. </EasingDoubleKeyFrame.EasingFunction>
  139. </EasingDoubleKeyFrame>
  140. <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="15">
  141. <EasingDoubleKeyFrame.EasingFunction>
  142. <QuarticEase EasingMode="EaseInOut"/>
  143. </EasingDoubleKeyFrame.EasingFunction>
  144. </EasingDoubleKeyFrame>
  145. </DoubleAnimationUsingKeyFrames>
  146. <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Width)" Storyboard.TargetName="ellipse4">
  147. <EasingDoubleKeyFrame KeyTime="0" Value="15">
  148. <EasingDoubleKeyFrame.EasingFunction>
  149. <QuarticEase EasingMode="EaseInOut"/>
  150. </EasingDoubleKeyFrame.EasingFunction>
  151. </EasingDoubleKeyFrame>
  152. <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="25">
  153. <EasingDoubleKeyFrame.EasingFunction>
  154. <QuarticEase EasingMode="EaseInOut"/>
  155. </EasingDoubleKeyFrame.EasingFunction>
  156. </EasingDoubleKeyFrame>
  157. <EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="15">
  158. <EasingDoubleKeyFrame.EasingFunction>
  159. <QuarticEase EasingMode="EaseInOut"/>
  160. </EasingDoubleKeyFrame.EasingFunction>
  161. </EasingDoubleKeyFrame>
  162. </DoubleAnimationUsingKeyFrames>
  163. <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Height)" Storyboard.TargetName="ellipse4">
  164. <EasingDoubleKeyFrame KeyTime="0" Value="15">
  165. <EasingDoubleKeyFrame.EasingFunction>
  166. <QuarticEase EasingMode="EaseInOut"/>
  167. </EasingDoubleKeyFrame.EasingFunction>
  168. </EasingDoubleKeyFrame>
  169. <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="25">
  170. <EasingDoubleKeyFrame.EasingFunction>
  171. <QuarticEase EasingMode="EaseInOut"/>
  172. </EasingDoubleKeyFrame.EasingFunction>
  173. </EasingDoubleKeyFrame>
  174. <EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="15">
  175. <EasingDoubleKeyFrame.EasingFunction>
  176. <QuarticEase EasingMode="EaseInOut"/>
  177. </EasingDoubleKeyFrame.EasingFunction>
  178. </EasingDoubleKeyFrame>
  179. </DoubleAnimationUsingKeyFrames>
  180. <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Width)" Storyboard.TargetName="ellipse5">
  181. <EasingDoubleKeyFrame KeyTime="0" Value="15">
  182. <EasingDoubleKeyFrame.EasingFunction>
  183. <QuarticEase EasingMode="EaseInOut"/>
  184. </EasingDoubleKeyFrame.EasingFunction>
  185. </EasingDoubleKeyFrame>
  186. <EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="25">
  187. <EasingDoubleKeyFrame.EasingFunction>
  188. <QuarticEase EasingMode="EaseInOut"/>
  189. </EasingDoubleKeyFrame.EasingFunction>
  190. </EasingDoubleKeyFrame>
  191. <EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="15">
  192. <EasingDoubleKeyFrame.EasingFunction>
  193. <QuarticEase EasingMode="EaseInOut"/>
  194. </EasingDoubleKeyFrame.EasingFunction>
  195. </EasingDoubleKeyFrame>
  196. </DoubleAnimationUsingKeyFrames>
  197. <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Height)" Storyboard.TargetName="ellipse5">
  198. <EasingDoubleKeyFrame KeyTime="0" Value="15">
  199. <EasingDoubleKeyFrame.EasingFunction>
  200. <QuarticEase EasingMode="EaseInOut"/>
  201. </EasingDoubleKeyFrame.EasingFunction>
  202. </EasingDoubleKeyFrame>
  203. <EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="25">
  204. <EasingDoubleKeyFrame.EasingFunction>
  205. <QuarticEase EasingMode="EaseInOut"/>
  206. </EasingDoubleKeyFrame.EasingFunction>
  207. </EasingDoubleKeyFrame>
  208. <EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="15">
  209. <EasingDoubleKeyFrame.EasingFunction>
  210. <QuarticEase EasingMode="EaseInOut"/>
  211. </EasingDoubleKeyFrame.EasingFunction>
  212. </EasingDoubleKeyFrame>
  213. </DoubleAnimationUsingKeyFrames>
  214. <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Width)" Storyboard.TargetName="ellipse6">
  215. <EasingDoubleKeyFrame KeyTime="0" Value="15">
  216. <EasingDoubleKeyFrame.EasingFunction>
  217. <QuarticEase EasingMode="EaseInOut"/>
  218. </EasingDoubleKeyFrame.EasingFunction>
  219. </EasingDoubleKeyFrame>
  220. <EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="25">
  221. <EasingDoubleKeyFrame.EasingFunction>
  222. <QuarticEase EasingMode="EaseInOut"/>
  223. </EasingDoubleKeyFrame.EasingFunction>
  224. </EasingDoubleKeyFrame>
  225. <EasingDoubleKeyFrame KeyTime="0:0:0.8" Value="15">
  226. <EasingDoubleKeyFrame.EasingFunction>
  227. <QuarticEase EasingMode="EaseInOut"/>
  228. </EasingDoubleKeyFrame.EasingFunction>
  229. </EasingDoubleKeyFrame>
  230. </DoubleAnimationUsingKeyFrames>
  231. <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Height)" Storyboard.TargetName="ellipse6">
  232. <EasingDoubleKeyFrame KeyTime="0" Value="15">
  233. <EasingDoubleKeyFrame.EasingFunction>
  234. <QuarticEase EasingMode="EaseInOut"/>
  235. </EasingDoubleKeyFrame.EasingFunction>
  236. </EasingDoubleKeyFrame>
  237. <EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="25">
  238. <EasingDoubleKeyFrame.EasingFunction>
  239. <QuarticEase EasingMode="EaseInOut"/>
  240. </EasingDoubleKeyFrame.EasingFunction>
  241. </EasingDoubleKeyFrame>
  242. <EasingDoubleKeyFrame KeyTime="0:0:0.8" Value="15">
  243. <EasingDoubleKeyFrame.EasingFunction>
  244. <QuarticEase EasingMode="EaseInOut"/>
  245. </EasingDoubleKeyFrame.EasingFunction>
  246. </EasingDoubleKeyFrame>
  247. </DoubleAnimationUsingKeyFrames>
  248. <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Width)" Storyboard.TargetName="ellipse7">
  249. <EasingDoubleKeyFrame KeyTime="0" Value="15">
  250. <EasingDoubleKeyFrame.EasingFunction>
  251. <QuarticEase EasingMode="EaseInOut"/>
  252. </EasingDoubleKeyFrame.EasingFunction>
  253. </EasingDoubleKeyFrame>
  254. <EasingDoubleKeyFrame KeyTime="0:0:0.8" Value="25">
  255. <EasingDoubleKeyFrame.EasingFunction>
  256. <QuarticEase EasingMode="EaseInOut"/>
  257. </EasingDoubleKeyFrame.EasingFunction>
  258. </EasingDoubleKeyFrame>
  259. <EasingDoubleKeyFrame KeyTime="0:0:0.9" Value="15">
  260. <EasingDoubleKeyFrame.EasingFunction>
  261. <QuarticEase EasingMode="EaseInOut"/>
  262. </EasingDoubleKeyFrame.EasingFunction>
  263. </EasingDoubleKeyFrame>
  264. </DoubleAnimationUsingKeyFrames>
  265. <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Height)" Storyboard.TargetName="ellipse7">
  266. <EasingDoubleKeyFrame KeyTime="0" Value="15">
  267. <EasingDoubleKeyFrame.EasingFunction>
  268. <QuarticEase EasingMode="EaseInOut"/>
  269. </EasingDoubleKeyFrame.EasingFunction>
  270. </EasingDoubleKeyFrame>
  271. <EasingDoubleKeyFrame KeyTime="0:0:0.8" Value="25">
  272. <EasingDoubleKeyFrame.EasingFunction>
  273. <QuarticEase EasingMode="EaseInOut"/>
  274. </EasingDoubleKeyFrame.EasingFunction>
  275. </EasingDoubleKeyFrame>
  276. <EasingDoubleKeyFrame KeyTime="0:0:0.9" Value="15">
  277. <EasingDoubleKeyFrame.EasingFunction>
  278. <QuarticEase EasingMode="EaseInOut"/>
  279. </EasingDoubleKeyFrame.EasingFunction>
  280. </EasingDoubleKeyFrame>
  281. </DoubleAnimationUsingKeyFrames>
  282. <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)" Storyboard.TargetName="ellipse">
  283. <EasingColorKeyFrame KeyTime="0:0:0.1" Value="{StaticResource module-primary-color}"/>
  284. <EasingColorKeyFrame KeyTime="0:0:0.2" Value="{StaticResource loading-darkest-color}"/>
  285. <EasingColorKeyFrame KeyTime="0:0:0.3" Value="{StaticResource module-primary-color}"/>
  286. </ColorAnimationUsingKeyFrames>
  287. <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)" Storyboard.TargetName="ellipse1">
  288. <EasingColorKeyFrame KeyTime="0:0:0.2" Value="{StaticResource module-primary-color}"/>
  289. <EasingColorKeyFrame KeyTime="0:0:0.3" Value="{StaticResource loading-darkest-color}"/>
  290. <EasingColorKeyFrame KeyTime="0:0:0.4" Value="{StaticResource module-primary-color}"/>
  291. </ColorAnimationUsingKeyFrames>
  292. <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)" Storyboard.TargetName="ellipse2">
  293. <EasingColorKeyFrame KeyTime="0:0:0.3" Value="{StaticResource module-primary-color}"/>
  294. <EasingColorKeyFrame KeyTime="0:0:0.4" Value="{StaticResource loading-darkest-color}"/>
  295. <EasingColorKeyFrame KeyTime="0:0:0.5" Value="{StaticResource module-primary-color}"/>
  296. </ColorAnimationUsingKeyFrames>
  297. <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)" Storyboard.TargetName="ellipse3">
  298. <EasingColorKeyFrame KeyTime="0:0:0.4" Value="{StaticResource module-primary-color}"/>
  299. <EasingColorKeyFrame KeyTime="0:0:0.5" Value="{StaticResource loading-darkest-color}"/>
  300. <EasingColorKeyFrame KeyTime="0:0:0.6" Value="{StaticResource module-primary-color}"/>
  301. </ColorAnimationUsingKeyFrames>
  302. <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)" Storyboard.TargetName="ellipse4">
  303. <EasingColorKeyFrame KeyTime="0:0:0.5" Value="{StaticResource module-primary-color}"/>
  304. <EasingColorKeyFrame KeyTime="0:0:0.6" Value="{StaticResource loading-darkest-color}"/>
  305. <EasingColorKeyFrame KeyTime="0:0:0.7" Value="{StaticResource module-primary-color}"/>
  306. </ColorAnimationUsingKeyFrames>
  307. <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)" Storyboard.TargetName="ellipse5">
  308. <EasingColorKeyFrame KeyTime="0:0:0.6" Value="{StaticResource module-primary-color}"/>
  309. <EasingColorKeyFrame KeyTime="0:0:0.7" Value="{StaticResource loading-darkest-color}"/>
  310. <EasingColorKeyFrame KeyTime="0:0:0.8" Value="{StaticResource module-primary-color}"/>
  311. </ColorAnimationUsingKeyFrames>
  312. <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)" Storyboard.TargetName="ellipse6">
  313. <EasingColorKeyFrame KeyTime="0:0:0.7" Value="{StaticResource module-primary-color}"/>
  314. <EasingColorKeyFrame KeyTime="0:0:0.8" Value="{StaticResource loading-darkest-color}"/>
  315. <EasingColorKeyFrame KeyTime="0:0:0.9" Value="{StaticResource module-primary-color}"/>
  316. </ColorAnimationUsingKeyFrames>
  317. <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)" Storyboard.TargetName="ellipse7">
  318. <EasingColorKeyFrame KeyTime="0:0:0.8" Value="{StaticResource module-primary-color}"/>
  319. <EasingColorKeyFrame KeyTime="0:0:0.9" Value="{StaticResource loading-darkest-color}"/>
  320. </ColorAnimationUsingKeyFrames>
  321. </Storyboard>
  322. </UserControl.Resources>
  323. <UserControl.Triggers>
  324. <EventTrigger RoutedEvent="FrameworkElement.Loaded">
  325. <BeginStoryboard Storyboard="{StaticResource LoadingAnimation}"/>
  326. </EventTrigger>
  327. </UserControl.Triggers>
  328. <Grid>
  329. <Border Background="{StaticResource module-background-color-brush }">
  330. <StackPanel VerticalAlignment="Center" Orientation="Horizontal" HorizontalAlignment="Center">
  331. <Ellipse x:Name="ellipse" Width="15" Height="15" Fill="{StaticResource module-primary-color-brush}" Margin="5"></Ellipse>
  332. <Ellipse x:Name="ellipse1" Width="15" Height="15" Fill="{StaticResource module-primary-color-brush}" Margin="5"></Ellipse>
  333. <Ellipse x:Name="ellipse2" Width="15" Height="15" Fill="{StaticResource module-primary-color-brush}" Margin="5"></Ellipse>
  334. <Ellipse x:Name="ellipse3" Width="15" Height="15" Fill="{StaticResource module-primary-color-brush}" Margin="5"></Ellipse>
  335. <Ellipse x:Name="ellipse4" Width="15" Height="15" Fill="{StaticResource module-primary-color-brush}" Margin="5"></Ellipse>
  336. <Ellipse x:Name="ellipse5" Width="15" Height="15" Fill="{StaticResource module-primary-color-brush}" Margin="5"></Ellipse>
  337. <Ellipse x:Name="ellipse6" Width="15" Height="15" Fill="{StaticResource module-primary-color-brush}" Margin="5"></Ellipse>
  338. <Ellipse x:Name="ellipse7" Width="15" Height="15" Fill="{StaticResource module-primary-color-brush}" Margin="5"></Ellipse>
  339. </StackPanel>
  340. </Border>
  341. </Grid>
  342. </UserControl>