方案: 图标位置不变化的情况下设置透明度实现

代码:

<Window

    x:Class="WpfApp1.MainWindow"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

    xmlns:ec="http://schemas.microsoft.com/expression/2010/controls"

    xmlns:local="clr-namespace:WpfApp1"

    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

    Title="MainWindow"

    Width="300"

    Height="300"

    mc:Ignorable="d">

    <Window.Resources>

        <Duration x:Key="AnimationTime">0:0:.84</Duration>

    </Window.Resources>

    <Grid Background="Gray">

        <Ellipse

            x:Name="ellipse"

            Width="80"

            Height="80"

            RenderTransformOrigin="0.5,0.5" />

        <ec:PathListBox HorizontalAlignment="Left" VerticalAlignment="Top">

            <ec:PathListBox.LayoutPaths>

                <ec:LayoutPath Distribution="Even" SourceElement="{Binding ElementName=ellipse}" />

            </ec:PathListBox.LayoutPaths>

            <Ellipse

                Width="15"

                Height="15"

                Fill="White">

                <Ellipse.Triggers>

                    <EventTrigger RoutedEvent="Window.Loaded">

                        <BeginStoryboard>

                            <Storyboard>

                                <DoubleAnimation

                                    BeginTime="0:0:.770"

                                    RepeatBehavior="Forever"

                                    Storyboard.TargetProperty="Opacity"

                                    From=".2"

                                    To="1"

                                    Duration="{StaticResource AnimationTime}" />

                            </Storyboard>

                        </BeginStoryboard>

                    </EventTrigger>

                </Ellipse.Triggers>

            </Ellipse>

            <Ellipse

                Width="15"

                Height="15"

                Fill="White">

                <Ellipse.Triggers>

                    <EventTrigger RoutedEvent="Window.Loaded">

                        <BeginStoryboard>

                            <Storyboard>

                                <DoubleAnimation

                                    BeginTime="0:0:.700"

                                    RepeatBehavior="Forever"

                                    Storyboard.TargetProperty="Opacity"

                                    From=".2"

                                    To="1"

                                    Duration="{StaticResource AnimationTime}" />

                            </Storyboard>

                        </BeginStoryboard>

                    </EventTrigger>

                </Ellipse.Triggers>

            </Ellipse>

            <Ellipse

                Width="15"

                Height="15"

                Fill="White">

                <Ellipse.Triggers>

                    <EventTrigger RoutedEvent="Window.Loaded">

                        <BeginStoryboard>

                            <Storyboard>

                                <DoubleAnimation

                                    BeginTime="0:0:.630"

                                    RepeatBehavior="Forever"

                                    Storyboard.TargetProperty="Opacity"

                                    From=".2"

                                    To="1"

                                    Duration="{StaticResource AnimationTime}" />

                            </Storyboard>

                        </BeginStoryboard>

                    </EventTrigger>

                </Ellipse.Triggers>

            </Ellipse>

            <Ellipse

                Width="15"

                Height="15"

                Fill="White">

                <Ellipse.Triggers>

                    <EventTrigger RoutedEvent="Window.Loaded">

                        <BeginStoryboard>

                            <Storyboard>

                                <DoubleAnimation

                                    BeginTime="0:0:.560"

                                    RepeatBehavior="Forever"

                                    Storyboard.TargetProperty="Opacity"

                                    From=".2"

                                    To="1"

                                    Duration="{StaticResource AnimationTime}" />

                            </Storyboard>

                        </BeginStoryboard>

                    </EventTrigger>

                </Ellipse.Triggers>

            </Ellipse>

            <Ellipse

                Width="15"

                Height="15"

                Fill="White">

                <Ellipse.Triggers>

                    <EventTrigger RoutedEvent="Window.Loaded">

                        <BeginStoryboard>

                            <Storyboard>

                                <DoubleAnimation

                                    BeginTime="0:0:.490"

                                    RepeatBehavior="Forever"

                                    Storyboard.TargetProperty="Opacity"

                                    From=".2"

                                    To="1"

                                    Duration="{StaticResource AnimationTime}" />

                            </Storyboard>

                        </BeginStoryboard>

                    </EventTrigger>

                </Ellipse.Triggers>

            </Ellipse>

            <Ellipse

                Width="15"

                Height="15"

                Fill="White">

                <Ellipse.Triggers>

                    <EventTrigger RoutedEvent="Window.Loaded">

                        <BeginStoryboard>

                            <Storyboard>

                                <DoubleAnimation

                                    BeginTime="0:0:.420"

                                    RepeatBehavior="Forever"

                                    Storyboard.TargetProperty="Opacity"

                                    From=".2"

                                    To="1"

                                    Duration="{StaticResource AnimationTime}" />

                            </Storyboard>

                        </BeginStoryboard>

                    </EventTrigger>

                </Ellipse.Triggers>

            </Ellipse>

            <Ellipse

                Width="15"

                Height="15"

                Fill="White">

                <Ellipse.Triggers>

                    <EventTrigger RoutedEvent="Window.Loaded">

                        <BeginStoryboard>

                            <Storyboard>

                                <DoubleAnimation

                                    BeginTime="0:0:.350"

                                    RepeatBehavior="Forever"

                                    Storyboard.TargetProperty="Opacity"

                                    From=".2"

                                    To="1"

                                    Duration="{StaticResource AnimationTime}" />

                            </Storyboard>

                        </BeginStoryboard>

                    </EventTrigger>

                </Ellipse.Triggers>

            </Ellipse>

            <Ellipse

                Width="15"

                Height="15"

                Fill="White">

                <Ellipse.Triggers>

                    <EventTrigger RoutedEvent="Window.Loaded">

                        <BeginStoryboard>

                            <Storyboard>

                                <DoubleAnimation

                                    BeginTime="0:0:0.280"

                                    RepeatBehavior="Forever"

                                    Storyboard.TargetProperty="Opacity"

                                    From=".2"

                                    To="1"

                                    Duration="{StaticResource AnimationTime}" />

                            </Storyboard>

                        </BeginStoryboard>

                    </EventTrigger>

                </Ellipse.Triggers>

            </Ellipse>

            <Ellipse

                Width="15"

                Height="15"

                Fill="White">

                <Ellipse.Triggers>

                    <EventTrigger RoutedEvent="Window.Loaded">

                        <BeginStoryboard>

                            <Storyboard>

                                <DoubleAnimation

                                    BeginTime="0:0:0.210"

                                    RepeatBehavior="Forever"

                                    Storyboard.TargetProperty="Opacity"

                                    From=".2"

                                    To="1"

                                    Duration="{StaticResource AnimationTime}" />

                            </Storyboard>

                        </BeginStoryboard>

                    </EventTrigger>

                </Ellipse.Triggers>

            </Ellipse>

            <Ellipse

                Width="15"

                Height="15"

                Fill="White">

                <Ellipse.Triggers>

                    <EventTrigger RoutedEvent="Window.Loaded">

                        <BeginStoryboard>

                            <Storyboard>

                                <DoubleAnimation

                                    BeginTime="0:0:0.140"

                                    RepeatBehavior="Forever"

                                    Storyboard.TargetProperty="Opacity"

                                    From=".2"

                                    To="1"

                                    Duration="{StaticResource AnimationTime}" />

                            </Storyboard>

                        </BeginStoryboard>

                    </EventTrigger>

                </Ellipse.Triggers>

            </Ellipse>

            <Ellipse

                Width="15"

                Height="15"

                Fill="White">

                <Ellipse.Triggers>

                    <EventTrigger RoutedEvent="Window.Loaded">

                        <BeginStoryboard>

                            <Storyboard>

                                <DoubleAnimation

                                    BeginTime="0:0:0.7"

                                    RepeatBehavior="Forever"

                                    Storyboard.TargetProperty="Opacity"

                                    From=".2"

                                    To="1"

                                    Duration="{StaticResource AnimationTime}" />

                            </Storyboard>

                        </BeginStoryboard>

                    </EventTrigger>

                </Ellipse.Triggers>

            </Ellipse>

            <Ellipse

                Width="15"

                Height="15"

                Fill="White">

                <Ellipse.Triggers>

                    <EventTrigger RoutedEvent="Window.Loaded">

                        <BeginStoryboard>

                            <Storyboard>

                                <DoubleAnimation

                                    BeginTime="0:0:0"

                                    RepeatBehavior="Forever"

                                    Storyboard.TargetProperty="Opacity"

                                    From=".2"

                                    To="1"

                                    Duration="{StaticResource AnimationTime}" />

                            </Storyboard>

                        </BeginStoryboard>

                    </EventTrigger>

                </Ellipse.Triggers>

            </Ellipse>

        </ec:PathListBox>

    </Grid>

</Window>

WPF 简单的绕圈进度条(无cs代码)的更多相关文章

  1. WPF 绕圈进度条（二）

    一 以前的方案 以前写过一个圆点绕圈的进度条,根据参数圆点个数和参数每次旋转角度,主要是在cs文件中动态添加圆点,通过后台定时器,动态设置角度后用正弦余弦计算(x,y)的位置. 此方案优点:动态添加L ...

  2. WPF 自定义绕圈进度条

    在设计界面时,有时会遇到进度条,本次讲解如何设计自定义的绕圈进度条,直接上代码: 1.控件界面 <UserControl x:Class="ProgressBarControl&quo ...

  3. WPF 绕圈进度条（一）

    在设计界面时,有时会遇到进度条,本次讲解如何设计自定义的绕圈进度条,直接上代码: 1.控件界面 <UserControl x:Class="ProgressBarControl&quo ...

  4. WPF 自定义绕圈进度条（转）

    在设计界面时,有时会遇到进度条,本次讲解如何设计自定义的绕圈进度条,直接上代码: 1.控件界面 <UserControl x:Class="ProgressBarControl&quo ...

  5. WPF利用动画实现圆形进度条

    原文:WPF利用动画实现圆形进度条 这是我的第一篇随笔,最近因为工作需要,开始学习WPF相关技术,自己想实现以下圆形进度条的效果,逛了园子发现基本都是很久以前的文章,实现方式一般都是GDI实现的,想到 ...

  6. C# WPF 解压缩7zip文件 带进度条 sevenzipsharp

      vs2013附件 :http://download.csdn.net/detail/u012663700/7427461 C# WPF 解压缩7zip文件 带进度条 sevenzipsharp W ...

  7. 使用ajax实现简单的带百分比进度条

    需求:当进行文件上传保存等操作时,能在页面显示一个带百分比的进度条,给用户一个好的交互体验 实现步骤 JSP页面 1.添加table标签 <table id="load" w ...

  8. 最简单的android自定义进度条样式

    一.自定义圆形进度条样式 1.在安卓项目drawable目录下新建一个xml文件如下:<?xml version="1.0" encoding="utf-8&quo ...

  9. [WPF]有滑动效果的进度条

    先给各位看看效果,可能不太完美,不过效果还是可行的. 我觉得,可能直接放个GIF图片上去会更好. 我这个不是用图片,而是用DrawingBrush画出来的.接着重做ProgressBar控件的模板,把 ...

随机推荐

  1. jquery-7 jquery中的文档处理方法有哪些（方法的参数表示功能增强）

    jquery-7 jquery中的文档处理方法有哪些(方法的参数表示功能增强) 一.总结 一句话总结:多看参考文档,多看主干目录.一般的功能分两个方法来实现,一个对应标签,一个对应标签和事情,比如克隆 ...

  2. js课程 1-3 Javascript变量类型详解

    js课程 1-3  Javascript变量类型详解 一.总结 一句话总结:js对象点(属性方法),json对象冒号(属性方法).属性和方法区别只有一个括号. 1.json对象中的函数的使用? 函数名 ...

  3. Spring mvc 多文件上传

    http://blog.csdn.net/swingpyzf/article/details/20230865

  4. Oracle数据库零散知识05 -- 表创建,修改

    1.表的创建 Create table student02(sno number); 2.表的删除 Drop table student02; 3.表的重命名 Rename student02 to ...

  5. Eclipse使用异常——tomcat启动

    Eclipse使用异常--tomcat启动 一:问题描写叙述 Eclipse刚上手.非常多地方与Myeclipse不一样的地方.比方tomcat的使用.真心的蛋疼. 环境:JDK7.TOMCAT7.E ...

  6. Hive分析窗体函数之NTILE，ROW_NUMBER，RANK和DENSE_RANK

    開始,依照顺序,生成分组内记录的序列–比方,依照pnum降序排列.生成分组内每天的pnum名次ROW_NUMBER() 的应用场景许多.再比方,获取分组内排序第一的记录等等. SELECT polno ...

  7. Eclipse迅速执行：Exception in thread &quot;main&quot; java.lang.OutOfMemoryError: Java heap space

    问题叙述性说明: Exception in thread "main" java.lang.OutOfMemoryError: Java heap space 问题原因: 程序中对 ...

  8. 【足迹C++primer】49、超载，更改，运营商

    超载,更改.运营商 Conversion Operators 转换操作符 operator type() const Conversions to an array or a function typ ...

  9. CSRF的攻击与防御

    CSRF(Cross-site request forgery)跨站请求伪造,也被称为“One Click Attack”或者Session Riding,通常缩写为CSRF或者XSRF,是一种对网站 ...

  10. Delphi2010,DelphiXE 安装控件找不到DesignIntf 解决办法

    今天安装了一个可以支持IP 地址输入的edit控件,安装后可以放到窗体上,但是编译提示找不到DesignIntf,DesignEditors 从Delphi6开始,就对DesignIntf,Desig ...