WPF执行后台任务时播放等待deon规划

最新推荐文章于 2017-08-28 14:46:32 发布
置顶 最新推荐文章于 2017-08-28 14:46:32 发布
阅读量554 收藏
点赞数 1
分类专栏： WPF 文章标签： WPF 等待 动画 C# 异步
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhumingyan/article/details/50287241
版权

运行效果：


前台XAML代码：

    <Grid>
        <Button Content="开始" HorizontalAlignment="Left" Margin="10,10,0,0" Name="button1" VerticalAlignment="Top" Click="button1_Click" Width="48" />
        <Label Name="lab_pro" Content="" Height="25" VerticalAlignment="Top" HorizontalAlignment="Left" Margin="80,20,0,0" />
        <!--动画-->
        <Grid Name="loading" Visibility="Collapsed" Height="41" Grid.Row="0" VerticalAlignment="Top" Margin="126,10,0,0" HorizontalAlignment="Left" Width="42">
            <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.5" RenderTransformOrigin="0.5,0.5">
                <Rectangle.RenderTransform>
                    <RotateTransform Angle="0"/>
                </Rectangle.RenderTransform>
            </Rectangle>
            <Rectangle x:Name="r02" Fill="{StaticResource brush}" Opacity="0.5" RenderTransformOrigin="0.5,0.5">
                <Rectangle.RenderTransform>
                    <RotateTransform Angle="30"/>
                </Rectangle.RenderTransform>
            </Rectangle>
            <Rectangle x:Name="r03" Fill="{StaticResource brush}" Opacity="0.5" RenderTransformOrigin="0.5,0.5">
                <Rectangle.RenderTransform>
                    <RotateTransform Angle="60"/>
                </Rectangle.RenderTransform>
            </Rectangle>
            <Rectangle x:Name="r04" Fill="{StaticResource brush}" Opacity="0.5" RenderTransformOrigin="0.5,0.5">
                <Rectangle.RenderTransform>
                    <RotateTransform Angle="90"/>
                </Rectangle.RenderTransform>
            </Rectangle>
            <Rectangle x:Name="r05" Fill="{StaticResource brush}" Opacity="0.5" RenderTransformOrigin="0.5,0.5">
                <Rectangle.RenderTransform>
                    <RotateTransform Angle="120"/>
                </Rectangle.RenderTransform>
            </Rectangle>
            <Rectangle x:Name="r06" Fill="{StaticResource brush}" Opacity="0.5" RenderTransformOrigin="0.5,0.5">
                <Rectangle.RenderTransform>
                    <RotateTransform Angle="150"/>
                </Rectangle.RenderTransform>
            </Rectangle>
            <Rectangle x:Name="r07" Fill="{StaticResource brush}" Opacity="0.5" RenderTransformOrigin="0.5,0.5">
                <Rectangle.RenderTransform>
                    <RotateTransform Angle="180"/>
                </Rectangle.RenderTransform>
            </Rectangle>
            <Rectangle x:Name="r08" Fill="{StaticResource brush}" Opacity="0.5" RenderTransformOrigin="0.5,0.5">
                <Rectangle.RenderTransform>
                    <RotateTransform Angle="210"/>
                </Rectangle.RenderTransform>
            </Rectangle>
            <Rectangle x:Name="r09" Fill="{StaticResource brush}" Opacity="0.5" RenderTransformOrigin="0.5,0.5">
                <Rectangle.RenderTransform>
                    <RotateTransform Angle="240"/>
                </Rectangle.RenderTransform>
            </Rectangle>
            <Rectangle x:Name="r10" Fill="{StaticResource brush}" Opacity="0.5" RenderTransformOrigin="0.5,0.5">
                <Rectangle.RenderTransform>
                    <RotateTransform Angle="270"/>
                </Rectangle.RenderTransform>
            </Rectangle>
            <Rectangle x:Name="r11" Fill="{StaticResource brush}" Opacity="0.5" RenderTransformOrigin="0.5,0.5">
                <Rectangle.RenderTransform>
                    <RotateTransform Angle="300"/>
                </Rectangle.RenderTransform>
            </Rectangle>
            <Rectangle x:Name="r12" Fill="{StaticResource brush}" Opacity="0.5" 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>                
    </Grid>

后台代码： 

    public partial class Window1 : Window
    {
        public Window1()
        {
            InitializeComponent();
        }
        BackgroundWorker bgMeet;

        private void button1_Click(object sender, RoutedEventArgs e)
        {
            bgMeet = new BackgroundWorker();
            //能否报告进度更新
            bgMeet.WorkerReportsProgress = true;
            //要执行的后台任务
            bgMeet.DoWork += new DoWorkEventHandler(bgMeet_DoWork);
            //进度报告方法
            bgMeet.ProgressChanged += new ProgressChangedEventHandler(bgMeet_ProgressChanged);
            //后台任务执行完成时调用的方法
            bgMeet.RunWorkerCompleted += new RunWorkerCompletedEventHandler(bgMeet_RunWorkerCompleted);
            bgMeet.RunWorkerAsync();//任务启动
        }               
        //执行任务
        void bgMeet_DoWork(object sender, DoWorkEventArgs e)
        {
            //开始播放等待动画
            this.Dispatcher.Invoke(new Action(() =>
            {
                loading.Visibility = System.Windows.Visibility.Visible;
            }));
            //开始后台任务
            GetData();
        }
        //报告任务进度
        void bgMeet_ProgressChanged(object sender, ProgressChangedEventArgs e)
        {
            this.Dispatcher.Invoke(new Action(() =>
            {
                this.lab_pro.Content = e.ProgressPercentage + "%";
            }));
        }
        //任务执行完成后更新状态
        void bgMeet_RunWorkerCompleted(object sender, RunWorkerCompletedEventArgs e)
        {
            loading.Visibility = System.Windows.Visibility.Collapsed;
            this.Dispatcher.Invoke(new Action(() =>
            {
                this.lab_pro.Content = "完成";
            }));
        }
        //模拟耗时任务
        public void GetData()
        {
            for (int i = 0; i < 6; i++)
            {
                bgMeet.ReportProgress(20*i);
                System.Threading.Thread.Sleep(400);
            }
        }
    }


金牛IT
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
WPF画布实现旋转等待效果代码
05-07
WPF用画布实现旋转等待效果代码 （在xaml中用画布标签，旋转画布实现旋转等待效果）
WPF 自定义快速实现线程等待函数FastTask
weixin_30685047的博客
03-02 325
在WPF实现 我们常常需要实现这个目标:线程里面执行复杂的任务,然后主窗体等待动画 我把我最简单的东西给包了一下,更方便使用,大家也可以方便使用 1:添加CommHelper类 FastTask方法 using System; using System.Collections.Generic; using System.Linq; using System.Text; usin...
C# BackgroundWorker 详解
dengyanxi2992的博客
06-14 866
在C#程序中，经常会有一些耗时较长的CPU密集型运算，如果直接在 UI 线程执行这样的运算就会出现UI不响应的问题。解决这类问题的主要途径是使用多线程，启动一个后台线程，把运算操作放在这个后台线程中完成。但是原生接口的线程操作有一些难度，如果要更进一步的去完成线程间的通信就会难上加难。 还好 .NET 类库中提供了一个叫做 BackgroundWorker 的类可以比较优雅的解决这类问...
WPF BackgroundWorker线程与进度的处理
北京-老黑的博客
11-23 3608
简介：         开发过程中经常遇到一些费时的操作界面，比如统计某个磁盘分区的文件夹或者文件数目，如果分区很大或者文件过多的话，处理不好就会造成“假死”的情况，或者报“线程间操作无效”的异常，为了解决这个问题，可以使用委托来处理，在.net2.0中还可以用BackgroundWorker类。BackgroundWorker类是.net 2.0里新增加的一个类，对于需要长时间操作而不需要用户
WPF后台任务线程与进度的处理.rar
05-11
在Windows Presentation Foundation（WPF）应用开发中，后台任务线程和进度处理是常见的需求，尤其是在执行长时间运行的任务时，为了保持用户界面的响应性，我们需要将这些任务放到单独的线程中执行。`...
WPF制作滚动圈圈等待控件效果
01-08
为了解决这个问题，我们可以创建一个滚动圈圈等待控件，它可以在后台任务运行时向用户展示，表明程序仍在正常工作。本文将深入探讨如何在WPF中实现这种加载等待效果。 首先，我们需要理解WPF中的线程模型。默认情况...
WPF中后台如何执行控件Command的命令.txt
05-30
WPF的控件中Command属性绑定了命令，与通常Click方式不同的是，它没有相应函数，这样的命令是这样执行的。
WPF 后台管理UI 2 源码
最新发布
10-27
【标题】：“WPF 后台管理UI 2 源码” 【描述】：WPF（Windows Presentation Foundation）是Microsoft开发的一种用户界面框架，它为构建丰富的、交互式的桌面和应用程序提供了强大的支持。这个“后台管理UI 2 源码...
wpf加载等待动画（loading）
03-17
在本文中，我们将深入探讨如何在WPF（Windows Presentation Foundation）应用程序中实现一个加载等待动画，也就是我们常说的“Loading”效果。WPF是.NET框架的一部分，它为开发富客户端应用提供了强大的图形用户界面...
WPF防止界面卡死并显示加载中效果
weixin_34397291的博客
02-06 956
网上貌似没有完整的WPF正在加载的例子,所以自己写了一个,希望能帮到有需要的同学 前台: &lt;Window x:Class="WpfApplication1.Loading" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.micr...
WPF 实现加载等待状态
英雄主义
09-18 8389
1.方法一：
WPF 选择文件和文件夹对话框。
热门推荐
Flames
04-09 3万+
C# WPF 选择文件和选择文件夹对话框，WPF可以直接使用OpenFileDialog来打开文件，但不可以直接使用FolderBrowserDialog来打开文件夹，但可以使用System.Windows.Forms的FolderBrowserDialog来打开文件夹。
WPF TreeviewItem Click 事件
Flames
04-09 1万+
项目中遇到一个需求，需要使用类似与button的click事件来完成一个点击动作，但是发现TreeviewItem没有click事件，查询文档后发现其实PreviewMouseUp事件可以实现这个需求，下面是代码： private void treeviewEnergyAnalysis_PreviewMouseUp(object sender, MouseButtonEventArgs e)
WPF DataGrid 去掉每个单元格之间的框线
Flames
01-14 1万+
WPF DataGrid 去掉每个单元格之间的框线
WPF 后台任务 等待动画 样例
Flames
12-14 8096
运行效果： 前台代码： <Window x :Class="Waiting.Window1" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x ="http://schemas.microsoft.com/winfx/2006/xaml"
WPF CheckBox 滑块 样式 开关
Flames
08-28 7898
WPF CheckBox 滑块 样式 开关 Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和图片上传 LaTex数学公式 UML序列图和流程图 离线写博客 导入导出Markdown文件 丰富的快捷键 效果图 样式代码<Style x:Key="CheckRadioFocusVisual"> <Setter Property="Control.Tem
C# 执行Mysql数据库脚本 创建数据库和表
Flames
04-09 7859
C# 执行Mysql数据库脚本 创建数据库和表 开发过程中可能需要将数据库导入到生产库中，我们可以通过Mysql workbench将数据库导出成sql文件，然后在C#代码中直接执行sql脚本，创建相应的数据库和表。 项目中需要添加引用MySql.Data.dll CS文件中需要应用using MySql.Data.MySqlClient;
WPF COMBOX后台选定
06-06
如果您想在WPF ComboBox的后台代码中选中某个选项，可以使用SelectedIndex或SelectedItem属性。如果您知道选项的索引，可以使用SelectedIndex属性将其设置为所需选项的索引。例如，要将ComboBox的第二个选项设置为...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值