[WPF] 圆形等待效果

最新推荐文章于 2022-03-25 13:50:23 发布
转载 最新推荐文章于 2022-03-25 13:50:23 发布 · 2.8k 阅读 · 1
文章标签：

#c# #wpf #圆形等待

转自：http://blog.youkuaiyun.com/qqamoon/article/details/7001693

自己做着玩儿的，留着以后用，效果类似下面的 GIF 动画。

等待效果

[html]  view plain copy
  1. <Grid Width="35" Height="35">  
  2.     <Grid.Resources>  
  3.         <DrawingBrush x:Key="brush" Stretch="None" AlignmentX="Center" AlignmentY="Top">  
  4.             <DrawingBrush.Drawing>  
  5.                 <GeometryDrawing Brush="Black">  
  6.                     <GeometryDrawing.Geometry>  
  7.                         <EllipseGeometry RadiusX="2" RadiusY="5"/>  
  8.                     </GeometryDrawing.Geometry>  
  9.                 </GeometryDrawing>  
  10.             </DrawingBrush.Drawing>  
  11.         </DrawingBrush>  
  12.     </Grid.Resources>  
  13.   
  14.     <Rectangle x:Name="r01" Fill="{StaticResource brush}" Opacity="0.2" RenderTransformOrigin="0.5,0.5">  
  15.         <Rectangle.RenderTransform>  
  16.             <RotateTransform Angle="0"/>  
  17.         </Rectangle.RenderTransform>  
  18.     </Rectangle>  
  19.     <Rectangle x:Name="r02" Fill="{StaticResource brush}" Opacity="0.2" RenderTransformOrigin="0.5,0.5">  
  20.         <Rectangle.RenderTransform>  
  21.             <RotateTransform Angle="30"/>  
  22.         </Rectangle.RenderTransform>  
  23.     </Rectangle>  
  24.     <Rectangle x:Name="r03" Fill="{StaticResource brush}" Opacity="0.2" RenderTransformOrigin="0.5,0.5">  
  25.         <Rectangle.RenderTransform>  
  26.             <RotateTransform Angle="60"/>  
  27.         </Rectangle.RenderTransform>  
  28.     </Rectangle>  
  29.     <Rectangle x:Name="r04" Fill="{StaticResource brush}" Opacity="0.2" RenderTransformOrigin="0.5,0.5">  
  30.         <Rectangle.RenderTransform>  
  31.             <RotateTransform Angle="90"/>  
  32.         </Rectangle.RenderTransform>  
  33.     </Rectangle>  
  34.     <Rectangle x:Name="r05" Fill="{StaticResource brush}" Opacity="0.2" RenderTransformOrigin="0.5,0.5">  
  35.         <Rectangle.RenderTransform>  
  36.             <RotateTransform Angle="120"/>  
  37.         </Rectangle.RenderTransform>  
  38.     </Rectangle>  
  39.     <Rectangle x:Name="r06" Fill="{StaticResource brush}" Opacity="0.2" RenderTransformOrigin="0.5,0.5">  
  40.         <Rectangle.RenderTransform>  
  41.             <RotateTransform Angle="150"/>  
  42.         </Rectangle.RenderTransform>  
  43.     </Rectangle>  
  44.     <Rectangle x:Name="r07" Fill="{StaticResource brush}" Opacity="0.2" RenderTransformOrigin="0.5,0.5">  
  45.         <Rectangle.RenderTransform>  
  46.             <RotateTransform Angle="180"/>  
  47.         </Rectangle.RenderTransform>  
  48.     </Rectangle>  
  49.     <Rectangle x:Name="r08" Fill="{StaticResource brush}" Opacity="0.2" RenderTransformOrigin="0.5,0.5">  
  50.         <Rectangle.RenderTransform>  
  51.             <RotateTransform Angle="210"/>  
  52.         </Rectangle.RenderTransform>  
  53.     </Rectangle>  
  54.     <Rectangle x:Name="r09" Fill="{StaticResource brush}" Opacity="0.2" RenderTransformOrigin="0.5,0.5">  
  55.         <Rectangle.RenderTransform>  
  56.             <RotateTransform Angle="240"/>  
  57.         </Rectangle.RenderTransform>  
  58.     </Rectangle>  
  59.     <Rectangle x:Name="r10" Fill="{StaticResource brush}" Opacity="0.2" RenderTransformOrigin="0.5,0.5">  
  60.         <Rectangle.RenderTransform>  
  61.             <RotateTransform Angle="270"/>  
  62.         </Rectangle.RenderTransform>  
  63.     </Rectangle>  
  64.     <Rectangle x:Name="r11" Fill="{StaticResource brush}" Opacity="0.2" RenderTransformOrigin="0.5,0.5">  
  65.         <Rectangle.RenderTransform>  
  66.             <RotateTransform Angle="300"/>  
  67.         </Rectangle.RenderTransform>  
  68.     </Rectangle>  
  69.     <Rectangle x:Name="r12" Fill="{StaticResource brush}" Opacity="0.2" RenderTransformOrigin="0.5,0.5">  
  70.         <Rectangle.RenderTransform>  
  71.             <RotateTransform Angle="330"/>  
  72.         </Rectangle.RenderTransform>  
  73.     </Rectangle>  
  74.                   
  75.     <Grid.Triggers>  
  76.         <EventTrigger RoutedEvent="Grid.Loaded">  
  77.             <BeginStoryboard>  
  78.                 <Storyboard RepeatBehavior="Forever">  
  79.                     <DoubleAnimation Storyboard.TargetName="r01" Storyboard.TargetProperty="Opacity" AutoReverse="True" Duration="0:0:0.08333" BeginTime="0:0:0.00000" To="0"/>  
  80.                     <DoubleAnimation Storyboard.TargetName="r02" Storyboard.TargetProperty="Opacity" AutoReverse="True" Duration="0:0:0.08333" BeginTime="0:0:0.08333" To="0"/>  
  81.                     <DoubleAnimation Storyboard.TargetName="r03" Storyboard.TargetProperty="Opacity" AutoReverse="True" Duration="0:0:0.08333" BeginTime="0:0:0.16666" To="0"/>  
  82.                     <DoubleAnimation Storyboard.TargetName="r04" Storyboard.TargetProperty="Opacity" AutoReverse="True" Duration="0:0:0.08333" BeginTime="0:0:0.24999" To="0"/>  
  83.                     <DoubleAnimation Storyboard.TargetName="r05" Storyboard.TargetProperty="Opacity" AutoReverse="True" Duration="0:0:0.08333" BeginTime="0:0:0.33332" To="0"/>  
  84.                     <DoubleAnimation Storyboard.TargetName="r06" Storyboard.TargetProperty="Opacity" AutoReverse="True" Duration="0:0:0.08333" BeginTime="0:0:0.41665" To="0"/>  
  85.                     <DoubleAnimation Storyboard.TargetName="r07" Storyboard.TargetProperty="Opacity" AutoReverse="True" Duration="0:0:0.08333" BeginTime="0:0:0.49998" To="0"/>  
  86.                     <DoubleAnimation Storyboard.TargetName="r08" Storyboard.TargetProperty="Opacity" AutoReverse="True" Duration="0:0:0.08333" BeginTime="0:0:0.58331" To="0"/>  
  87.                     <DoubleAnimation Storyboard.TargetName="r09" Storyboard.TargetProperty="Opacity" AutoReverse="True" Duration="0:0:0.08333" BeginTime="0:0:0.66664" To="0"/>  
  88.                     <DoubleAnimation Storyboard.TargetName="r10" Storyboard.TargetProperty="Opacity" AutoReverse="True" Duration="0:0:0.08333" BeginTime="0:0:0.74997" To="0"/>  
  89.                     <DoubleAnimation Storyboard.TargetName="r11" Storyboard.TargetProperty="Opacity" AutoReverse="True" Duration="0:0:0.08333" BeginTime="0:0:0.83330" To="0"/>  
  90.                     <DoubleAnimation Storyboard.TargetName="r12" Storyboard.TargetProperty="Opacity" AutoReverse="True" Duration="0:0:0.08333" BeginTime="0:0:0.91663" To="0"/>  
  91.                 </Storyboard>  
  92.             </BeginStoryboard>  
  93.         </EventTrigger>  
  94.     </Grid.Triggers>  
  95. </Grid>  
WPF 等待忙碌控件
08-05
老外写的WPF转圈等待控件
使用wpf制作3D效果圆柱体
07-06
使用wpf制作的3D效果圆柱体，并具有动态指定体高，可用于某事物的动态占用比例显示。
WPF 等待页面动画
01-13
WPF 等待页面动画
WPF转圈等待动画
qq_43393792的博客
03-25 985
记录一下等待动画 <Grid Background="Black"> <Grid x:Name="progressGrid" Grid.RowSpan="5" Background="#33FFFFFF" Visibility="Visible" Panel.ZIndex="5"> <Grid Height="150" Width="150" > <Image x:Name="progre
WPF加载等待效果
01-13
WPF 加载等待效果
wpf圆形加载等待效果
10-02
"wpf圆形加载等待效果"就是一个典型的示例，它用于在应用程序执行耗时操作时向用户提供反馈，表明程序仍在运行且即将完成。这种效果在现代软件中非常常见，比如在网页加载、数据同步或后台处理时，可以提高用户体验...
WPF 圆型进度条效果
07-22
在Windows Presentation Foundation (WPF) 中，圆形进度条是一种常见的UI元素，用于显示任务或过程的进度，通常以圆环形状展示。这种效果可以提供视觉吸引力，并为用户提供一个直观的反馈，表明某个操作正在后台执行...
wpf加载等待动画（loading）
03-17
在本文中，我们将深入探讨如何在WPF（Windows Presentation Foundation）应用程序中实现一个加载等待动画，也就是我们常说的“Loading”效果。WPF是.NET框架的一部分，它为开发富客户端应用提供了强大的图形用户界面...
WPF实现圆形加载等待动画效果
WPF圆形加载等待效果是一种在Windows Presentation Foundation（WPF）应用程序中实现的视觉反馈机制，主要用于向用户表明某个操作正在进行中，例如数据加载、文件处理或网络请求等耗时任务。这种加载动画通常以动态...
WPF实现转圈进度条效果
10-18
这个效果通常是通过创建一个可旋转的图形元素，如圆形或椭圆形，来模拟进度加载的过程。当进度增加时，图形会围绕中心点旋转，给用户一种动态加载的感觉。 在【描述】中，提到了如何设计自定义的绕圈进度条。在WPF...
基于WPF实现的等待动画
10-07
使用wpf实现了一个等待动画， 在客户端程序里，某些耗时的操作可能需要使用进度条、等待动画来提供友好的UI交互。本资源演示了wpf里实现等待动画的一种简单方案。
wpf加载动画（圆圈旋转）
11-18
这是用blend画的一个等待旋转动画。这个动画可以放在一个弹出页面上，做项目加载动画
wpf进度条，wpf等待条，wpf loading
07-27
wpf进度条，wpf等待条，wpf loading，wpf进度条实现库，可以直接用到项目中
WPF制作滚动圈圈等待控件效果
01-08
项目开发中遇到费时的资源加载情况，不能没有任何相映效果反馈不然会让人误以为死机了，这个时候你可能就需要加载等待效果来处理这种问题了。
WPF实现一个环形等待进度条
Hell的博客
10-15 2531
显示效果： 上面的红色是我设置的一个背景。 以下是XAML： &lt;UserControl x:Class="WPFStyle.DIYControl.RoundProcessBarLoading" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x...
WPF 大数据加载过程中的等待效果——圆圈转动
weixin_30915275的博客
01-06 647
本文是转载的，有两种方式实现等待效果，一种是纯前台技术，一种是后台技术。个人更倾向于使用后台技术，主要是后台技术可以实现代码重用。 地址：http://blog.youkuaiyun.com/qqamoon/article/details/7001693；http://www.cnblogs.com/jying/p/3230391.html 转载于:https://www.cnblogs.com/jin-...
WPF 圆形Loading 等待画面
cjwix2012的专栏
12-15 7664
这个是对网上流传的一段代码进行稍微修改一下的代码
WPF 等待动画控件
weixin_33767813的博客
12-06 365
WPF 等待动画控件 <UserControl x:Class="WPFUC.WaitFor" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.mi...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值