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

代码:

<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. 【codeforces 757C】Felicity is Coming!

    time limit per test2 seconds memory limit per test256 megabytes inputstandard input outputstandard o ...

  2. vi/vim基本使用命令

    vi/vim基本使用命令 一.总结 一句话总结:1.记住三种模式:命令行模式.插入模式.底行模式:2.记住两个按键功能:i和esc 二.vi/vim基本使用命令 vi/vim 基本使用方法本文介绍了v ...

  3. 并发新特性—Executor 框架与线程池

    兰亭风雨 · 更新于 2018-11-14 09:00:31 并发新特性-Executor 框架与线程池 Executor 框架简介 在 Java 5 之后,并发编程引入了一堆新的启动.调度和管理线程 ...

  4. 基于C#反射机制的工厂模式

    简单介绍 反射提供了描写叙述程序集.模块和类型的对象(Type 类型). 能够使用反射动态创建类型的实例,将类型绑定到现有对象,或从现有对象获取类型并调用其方法或訪问其字段和属性. 假设代码中使用了特 ...

  5. [02]基于webservice权限系统

    面前,我们已经介绍过.如何使用cxf建立webservice. 那我们要介绍的这款许可制度表结构. 此权限管理系统分为部门管理.员工管理.角色管理,权限管理,授权的人才和企业管理(这里不涉及) 角色管 ...

  6. 到底有多少种智能指针（smart pointer）

    最近Qt的blog总结了到底有多少种smart pointer, 下面是一个简要的介绍: 1.   QPointer :提供对指针的保护,当一个指针被删除以后,再使用不会造成野指针或者指针溢出.比如 ...

  7. 配置ANDROID_HOME

    原文:配置ANDROID_HOME 1.在环境变量中设置一个名为ANDROID_HOME,变量值为SDK路径 2.添加至Path中 备注:ANDROID_HOME的变量值仅允许一个

  8. Android Studio运行main方法

    这样想做一些测试就很简单了 实现步骤如下: 1.当前项目右键->new->Module->Java Library 2.修改你创建javaLib的build.gradle文件 改为( ...

  9. Android开发者的演示工具——asm.jar

    作为Android开发者,我们有时候需要给客户或者其他人演示我们的Android作品.我们可以使用类似豌豆荚.360手机助手这样的软件,今天我来介绍一个Android开发者的演示工具--asm.jar ...

  10. Docker简单的使用命令

    Hello World 使用[docker run]命令在docker container中执行应用程序 <pre name="code" class="plain ...