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

代码:

<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. 无法为数据库中的对象分配空间，因为'PRIMARY'文件组已满

    用SQL Server2012,做数据保存时出错,错误信息:无法为数据库'***'中的对象'***'分配空间,因为'PRIMARY'文件组已满.请删除不需要的文件.删除文件组中的对象.将其他文件添加到 ...

  2. 你的薪水增速跑赢GDP了没

    watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZm9ydW9r/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/d ...

  3. 矩阵分解（matrix factorization）

    1. 基本概念 针对高维空间中的数据集,矩阵分解通过寻找到一组基及每一个数据点在该基向量下的表示,可对原始高维空间中的数据集进行压缩表示. 令 X=[x1,⋯,xm]∈Rm×n 为数据矩阵,矩阵分解的 ...

  4. NOIP 模拟 路径求和 - Tarjan+dfs+码

    题目大意: 各一个奇环内向森林,求每两个点对间的距离之和.无法到达则距离为-1. 分析: 首先Tarjan找出size大于1的连通分量(环),环中的边的贡献可以单独计算. 然后从入度为0的点向内dfs ...

  5. 项目启动部署时报错：java.lang.NoSuchMethodError

    报错: ================================================================================================ ...

  6. TCP可靠的传输机制

    TCP提供一种面向连接的.可靠的字节流服务.面向连接意味着两个使用TCP的应用(一般是一个客户和一个server)在彼此交换数据包之前必须先建立一个TCP连接.这一过程与打电话非常相似.先拨号振铃,等 ...

  7. Mapreduce 订单分组案例

    程序执行流程如下: map()-->getPartition()分区--->write()(序列化,每一行都顺序执行这三个方法)--->readFields()---->com ...

  8. xshell/putty 连接 linux 虚拟机 connection failed 的解决方案

    ubuntu 默认并没有安装 ssh 服务,如果通过 ssh(XShell/putty) 连接 ubuntu 虚拟机,则需要手动安装 ssh-server(ssh 分客户端和 openssh-clie ...

  9. 2013级别C++文章9周(春天的)工程——运算符重载（两）

    课程主页中:http://blog.csdn.net/sxhelijian/article/details/11890759,内有完整教学方案及资源链接 [程序阅读]阅读程序"简单C++学生 ...

  10. 分布式缓存技术PK：选择Redis还是Memcached？

    作者:田京昆(腾讯后台研发工程师) 来源:腾云阁(https://www.qcloud.com/community/article/129) Memcached和Redis,作为近些年最常用的缓存服务 ...