WPF 实现加载等待状态

最新推荐文章于 2024-06-06 14:52:55 发布
最新推荐文章于 2024-06-06 14:52:55 发布
阅读量8.3k 收藏 1
点赞数 3
分类专栏： WPF 
<strong><span style="font-size:24px;color:#ff0000;">我保存了2种加载状态的方法，把代码放在前台。</span></strong>
<strong><span style="font-size:24px;">1.方法一：</span></strong>
<Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="300"/>
            <RowDefinition Height="320" />
        </Grid.RowDefinitions>
        <Grid Width="60" Height="60" Grid.Row="0" VerticalAlignment="Bottom">
            <Grid.Resources>
                <DrawingBrush x:Key="brush" Stretch="None" AlignmentX="Center" AlignmentY="Top">
                    <DrawingBrush.Drawing>
                        <GeometryDrawing Brush="Black">
                            <GeometryDrawing.Geometry>
                                <EllipseGeometry RadiusX="2" RadiusY="5"/>
                            </GeometryDrawing.Geometry>
                        </GeometryDrawing>
                    </DrawingBrush.Drawing>
                </DrawingBrush>
            </Grid.Resources>

            <Rectangle x:Name="r01" Fill="{StaticResource brush}" Opacity="0.7" RenderTransformOrigin="0.5,0.5">
                <Rectangle.RenderTransform>
                    <RotateTransform Angle="0"/>
                </Rectangle.RenderTransform>
            </Rectangle>
            <Rectangle x:Name="r02" Fill="{StaticResource brush}" Opacity="0.7" RenderTransformOrigin="0.5,0.5">
                <Rectangle.RenderTransform>
                    <RotateTransform Angle="30"/>
                </Rectangle.RenderTransform>
            </Rectangle>
            <Rectangle x:Name="r03" Fill="{StaticResource brush}" Opacity="0.7" RenderTransformOrigin="0.5,0.5">
                <Rectangle.RenderTransform>
                    <RotateTransform Angle="60"/>
                </Rectangle.RenderTransform>
            </Rectangle>
            <Rectangle x:Name="r04" Fill="{StaticResource brush}" Opacity="0.7" RenderTransformOrigin="0.5,0.5">
                <Rectangle.RenderTransform>
                    <RotateTransform Angle="90"/>
                </Rectangle.RenderTransform>
            </Rectangle>
            <Rectangle x:Name="r05" Fill="{StaticResource brush}" Opacity="0.7" RenderTransformOrigin="0.5,0.5">
                <Rectangle.RenderTransform>
                    <RotateTransform Angle="120"/>
                </Rectangle.RenderTransform>
            </Rectangle>
            <Rectangle x:Name="r06" Fill="{StaticResource brush}" Opacity="0.7" RenderTransformOrigin="0.5,0.5">
                <Rectangle.RenderTransform>
                    <RotateTransform Angle="150"/>
                </Rectangle.RenderTransform>
            </Rectangle>
            <Rectangle x:Name="r07" Fill="{StaticResource brush}" Opacity="0.7" RenderTransformOrigin="0.5,0.5">
                <Rectangle.RenderTransform>
                    <RotateTransform Angle="180"/>
                </Rectangle.RenderTransform>
            </Rectangle>
            <Rectangle x:Name="r08" Fill="{StaticResource brush}" Opacity="0.7" RenderTransformOrigin="0.5,0.5">
                <Rectangle.RenderTransform>
                    <RotateTransform Angle="210"/>
                </Rectangle.RenderTransform>
            </Rectangle>
            <Rectangle x:Name="r09" Fill="{StaticResource brush}" Opacity="0.7" RenderTransformOrigin="0.5,0.5">
                <Rectangle.RenderTransform>
                    <RotateTransform Angle="240"/>
                </Rectangle.RenderTransform>
            </Rectangle>
            <Rectangle x:Name="r10" Fill="{StaticResource brush}" Opacity="0.7" RenderTransformOrigin="0.5,0.5">
                <Rectangle.RenderTransform>
                    <RotateTransform Angle="270"/>
                </Rectangle.RenderTransform>
            </Rectangle>
            <Rectangle x:Name="r11" Fill="{StaticResource brush}" Opacity="0.7" RenderTransformOrigin="0.5,0.5">
                <Rectangle.RenderTransform>
                    <RotateTransform Angle="300"/>
                </Rectangle.RenderTransform>
            </Rectangle>
            <Rectangle x:Name="r12" Fill="{StaticResource brush}" Opacity="0.7" RenderTransformOrigin="0.5,0.5">
                <Rectangle.RenderTransform>
                    <RotateTransform Angle="330"/>
                </Rectangle.RenderTransform>
            </Rectangle>

            <Grid.Triggers>
                <EventTrigger RoutedEvent="Grid.Loaded">
                    <BeginStoryboard>
                        <Storyboard RepeatBehavior="Forever">
                            <DoubleAnimation Storyboard.TargetName="r01" Storyboard.TargetProperty="Opacity" AutoReverse="True" Duration="0:0:0.08333" BeginTime="0:0:0.00000" To="0"/>
                            <DoubleAnimation Storyboard.TargetName="r02" Storyboard.TargetProperty="Opacity" AutoReverse="True" Duration="0:0:0.08333" BeginTime="0:0:0.08333" To="0"/>
                            <DoubleAnimation Storyboard.TargetName="r03" Storyboard.TargetProperty="Opacity" AutoReverse="True" Duration="0:0:0.08333" BeginTime="0:0:0.16666" To="0"/>
                            <DoubleAnimation Storyboard.TargetName="r04" Storyboard.TargetProperty="Opacity" AutoReverse="True" Duration="0:0:0.08333" BeginTime="0:0:0.24999" To="0"/>
                            <DoubleAnimation Storyboard.TargetName="r05" Storyboard.TargetProperty="Opacity" AutoReverse="True" Duration="0:0:0.08333" BeginTime="0:0:0.33332" To="0"/>
                            <DoubleAnimation Storyboard.TargetName="r06" Storyboard.TargetProperty="Opacity" AutoReverse="True" Duration="0:0:0.08333" BeginTime="0:0:0.41665" To="0"/>
                            <DoubleAnimation Storyboard.TargetName="r07" Storyboard.TargetProperty="Opacity" AutoReverse="True" Duration="0:0:0.08333" BeginTime="0:0:0.49998" To="0"/>
                            <DoubleAnimation Storyboard.TargetName="r08" Storyboard.TargetProperty="Opacity" AutoReverse="True" Duration="0:0:0.08333" BeginTime="0:0:0.58331" To="0"/>
                            <DoubleAnimation Storyboard.TargetName="r09" Storyboard.TargetProperty="Opacity" AutoReverse="True" Duration="0:0:0.08333" BeginTime="0:0:0.66664" To="0"/>
                            <DoubleAnimation Storyboard.TargetName="r10" Storyboard.TargetProperty="Opacity" AutoReverse="True" Duration="0:0:0.08333" BeginTime="0:0:0.74997" To="0"/>
                            <DoubleAnimation Storyboard.TargetName="r11" Storyboard.TargetProperty="Opacity" AutoReverse="True" Duration="0:0:0.08333" BeginTime="0:0:0.83330" To="0"/>
                            <DoubleAnimation Storyboard.TargetName="r12" Storyboard.TargetProperty="Opacity" AutoReverse="True" Duration="0:0:0.08333" BeginTime="0:0:0.91663" To="0"/>
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Grid.Triggers>
        </Grid>
        <Label Name="lbl1" Content="正在与服务器重连，请耐心等待..." FontSize="20" Background="Gray" Foreground="White" Height="50" Grid.Row="1" VerticalAlignment="Top" HorizontalAlignment="Center"/>
    </Grid>


<strong><span style="font-size:24px;">2.方法二：</span></strong>
<Canvas Width="0" Height="0">
        <Canvas.Resources>
            <PathGeometry x:Key="pg">
                <PathGeometry.Figures>
                    <PathFigureCollection>
                        <PathFigure StartPoint="0,0">
                            <PathFigure.Segments>
                                <PathSegmentCollection>
                                    <ArcSegment Size="1,2" Point="30,30" />
                                    <ArcSegment Size="2,1" Point="0,0" />
                                </PathSegmentCollection>
                            </PathFigure.Segments>
                        </PathFigure>
                    </PathFigureCollection>
                </PathGeometry.Figures>
                <PathGeometry.Transform>
                    <RotateTransform Angle="225"/>
                </PathGeometry.Transform>
            </PathGeometry>
        </Canvas.Resources>
        <Path Data="{StaticResource pg}" RenderTransformOrigin="0,0">
            <Path.Effect>
                <DropShadowEffect Color="#8B0000" Opacity="0.75" ShadowDepth="0"/>
            </Path.Effect>
            <Path.Fill>
                <RadialGradientBrush>
                    <GradientStop Color="#008B0000" Offset="0.0"/>
                    <GradientStop Color="#908B0000" Offset="0.5" x:Name="gs"/>
                    <GradientStop Color="#FF8B0000" Offset="1.0"/>
                </RadialGradientBrush>
            </Path.Fill>
            <Path.RenderTransform>
                <ScaleTransform x:Name="st" ScaleX="1.0" ScaleY="1.0"/>
            </Path.RenderTransform>
            <Path.Triggers>
                <EventTrigger RoutedEvent="Path.Loaded">
                    <BeginStoryboard>
                        <Storyboard>
                            <DoubleAnimation Storyboard.TargetName="gs" Storyboard.TargetProperty="Offset" To="0.6" Duration="0:0:0.8" AccelerationRatio="0.2" DecelerationRatio="0.8" AutoReverse="True" RepeatBehavior="Forever"/>
                            <DoubleAnimation Storyboard.TargetName="st" Storyboard.TargetProperty="ScaleX" To="1.5" Duration="0:0:0.8" AccelerationRatio="0.2" DecelerationRatio="0.8" AutoReverse="True" RepeatBehavior="Forever"/>
                            <DoubleAnimation Storyboard.TargetName="st" Storyboard.TargetProperty="ScaleY" To="1.5" Duration="0:0:0.8" AccelerationRatio="0.2" DecelerationRatio="0.8" AutoReverse="True" RepeatBehavior="Forever"/>
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Path.Triggers>
        </Path>
    </Canvas>

林深见鹿dw
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
WPF 窗体加载等待画面，不再是白屏，支持gif动画
静哥亻门
04-20 1462
背景：项目中，单个窗体加载项或者数据过多，白屏不友好。 前端XML <Window x:Class="WpfAppHtml.WindowCefSharp" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.mic
wpf加载等待动画（loading）
03-17
用wpf程序实现Loadingwait动画等待效果，在canvas里放9个Ellipse，，然后再用用定时器，一直改变每个Ellipse的位置，从而实现loading 效果。
WPF - 请求等待动画--Loading
qq_44920920的博客
11-13 285
加载动画,请求动画,等待动画,Loading,WPF
wpf自定义控件中如何使方法在等待控件加载完成后运行
最新发布
balabala___a的博客
06-06 573
wpf自定义控件中如何使方法在等待控件加载完成后运行
WPF 大数据加载过程中的等待效果——圆圈转动
weixin_30915275的博客
01-06 562
本文是转载的，有两种方式实现等待效果，一种是纯前台技术，一种是后台技术。个人更倾向于使用后台技术，主要是后台技术可以实现代码重用。 地址：http://blog.csdn.net/qqamoon/article/details/7001693；http://www.cnblogs.com/jying/p/3230391.html 转载于:https://www.cnblogs.com/jin-...
WPF Prism框架 等待加载弹框
weixin_48611710的博客
12-21 1465
等待弹框
WPF实现背景透明磨砂，并通过HandyControl组件实现弹出等待框
5653325的专栏
06-19 5455
前言：上一个版本的Winform需要改成WPF来做界面，第一次接触WPF，在转换过程中遇到的需求就是一个背景透明模糊，一个是类似于 加载中…… 这样的等待窗口，等后台执行完毕后再关掉。在Winform中是通过一个类指定等待窗口的parent为调用者，并指定topmost为最顶层来实现。在WPF中这个方法不太灵光，通过这几天的摸索，找到一个WPF下的UI利器--HandyControl（https:...
#使用技巧#WPF Adorner 装饰器实现“加载中“
u011067892的博客
02-26 2138
通过点击或拖动这些调节尺寸的把柄，用户可以改变其中控件的大小。Decorator 可被用于添加简单的视觉装饰，例如边界(Border)，或者更复杂的行为，例如 ViewBox，AdornerDecorator，或是 InkPresenter。Measure 方法自顶而下，递归调用各子控件的 Measure 方法，Measure 方法会把该控件所需的大小控件存在 desired size 属性中，控件根据各子控件的 desired size 属性确定自身空间大小，并返回自己的 desired size；
wpf-转载-以绘制gif的方式提示用户程序正在加载
陆沙的博客
09-13 210
参考：https://www.cnblogs.com/miketwais/articles/WPF_Loading.html 效果是一个gif 用户控件LoadingWait LoadingWait.xaml.cs using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Windows; using Sy
【转】WPF自定义控件与样式(11)-等待/忙/正在加载状态-控件实现
weixin_34174322的博客
12-19 194
一．前言 　　申明：WPF自定义控件与样式是一个系列文章，前后是有些关联的，但大多是按照由简到繁的顺序逐步发布的等。 　　本文主要有三种实现方式： 简单忙碌状态控件BusyBox； Win8/win10效果忙碌状态控件ProgressRing； 弹出异步等待框WaitingBox； 二．简单忙碌状态控件BusyBox 　　效果图：   　　通过属性"IsActive"控制控件是否启用，后台C#...
WPF，C#圆形加载进度条。
01-25
基于WPF的一种圆形进度条，带百分比显示。使用arc控件。
wpf圆形加载等待效果
10-02
总的来说，创建一个wpf圆形加载等待效果涉及到了WPF的核心特性，包括自定义控件、动画、图形绘制、数据绑定以及视觉状态管理。通过深入理解和实践这些技术，开发者可以为用户提供更加生动、交互性强的界面体验。
WPF加载等待效果
01-13
实现WPF加载等待效果通常涉及到以下几个关键知识点： 1. **进度条（ProgressBar）**：WPF自带的ProgressBar控件可以直观地显示任务的完成进度。开发者可以通过设置Progressbar的Value属性来更新进度，或者使用...
基于WPF实现的等待动画
10-07
在本文中，我们将深入探讨如何基于Windows Presentation Foundation (WPF) 实现等待动画，以便在客户端应用程序中提供更优质的用户界面交互。等待动画在执行耗时操作时特别有用，它们可以给用户一种反馈，告知程序...
WPF制作滚动圈圈等待控件效果
01-08
本文将深入探讨如何在WPF中实现这种加载等待效果。 首先，我们需要理解WPF中的线程模型。默认情况下，WPF应用程序在主线程上运行，负责处理UI更新和用户交互。如果在这个线程上执行长时间运行的任务，会导致UI冻结...
WPF实现等待界面
大佬的博客
12-15 2568
C# WPF 实现异步等待界面
WPF等待窗口
weixin_33774308的博客
04-22 1027
调用方法：    ReturnObject loadReturnObject = WaitingWindow.Show("正在加载", aBO, "GetA", new Object[] {  "", "", "", "", m_IteratorValues, false }) as ReturnObject;     下载：Code...
WPF 加载等待动画
JiesonLove的博客
03-15 497
效果图如下:(喜欢的点个赞) 主要运用矩阵路径移动方法,不同小球设置不用加速度:(代码如下).可自行将路径由直线改为圆形. <Viewbox> <Grid> <Grid.Resources> <PathGeometry Figures="M0,0 200,0" x:Key="path"/> <Style x:Key="EllipseSt...
wpf窗口加载等待
05-31
如果你想在WPF窗口加载时显示等待界面，可以使用以下步骤： 1. 在你的WPF项目中添加一个新的窗口，作为等待界面。 2. 在等待窗口中添加一个进度条或者其他动画效果。 3. 在你的主窗口中添加以下代码： ```csharp private async void Window_Loaded(object sender, RoutedEventArgs e) { // 显示等待窗口 var waitWindow = new WaitWindow(); waitWindow.Show(); // 执行耗时操作 await Task.Run(() => { // 这里可以写你的耗时操作代码 Thread.Sleep(5000); // 模拟5秒的耗时操作 }); // 关闭等待窗口 waitWindow.Close(); } ``` 4. 现在，当你的主窗口加载时，等待窗口会显示出来，直到耗时操作完成后才会关闭。 注意，为了避免阻塞UI线程，耗时操作应该在后台线程中执行，这里使用了`Task.Run()`来实现。同时，为了使等待窗口能够显示出来，你需要在`Window_Loaded`事件处理程序中使用异步方法。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值