WPF 圆形Loading 等待画面

   这个是对网上流传的一段代码进行修改了一下

<Grid Width="35" Height="35">

        <Grid.Resources>

            <DrawingBrush x:Key="brush" Stretch="None" AlignmentX="Center" AlignmentY="Top">

                <DrawingBrush.Drawing>

                    <GeometryDrawing Brush="#FFD108FD">

                        <GeometryDrawing.Geometry>

                            <EllipseGeometry RadiusX="2" RadiusY="5"/>

                        </GeometryDrawing.Geometry>

                    </GeometryDrawing>

                </DrawingBrush.Drawing>

            </DrawingBrush>         

        </Grid.Resources>


        <Rectangle x:Name="r01" Fill="{StaticResource brush}" Opacity="0.3" RenderTransformOrigin="0.5,0.5">

            <Rectangle.RenderTransform>

                <RotateTransform Angle="0"/>

            </Rectangle.RenderTransform>

        </Rectangle>

        <Rectangle x:Name="r02" Fill="{StaticResource brush}" Opacity="0.3" RenderTransformOrigin="0.5,0.5">

            <Rectangle.RenderTransform>

                <RotateTransform Angle="30"/>

            </Rectangle.RenderTransform>

        </Rectangle>

        <Rectangle x:Name="r03" Fill="{StaticResource brush}" Opacity="0.3" RenderTransformOrigin="0.5,0.5">

            <Rectangle.RenderTransform>

                <RotateTransform Angle="60"/>

            </Rectangle.RenderTransform>

        </Rectangle>

        <Rectangle x:Name="r04" Fill="{StaticResource brush}" Opacity="0.3" RenderTransformOrigin="0.5,0.5">

            <Rectangle.RenderTransform>

                <RotateTransform Angle="90"/>

            </Rectangle.RenderTransform>

        </Rectangle>

        <Rectangle x:Name="r05" Fill="{StaticResource brush}" Opacity="0.3" RenderTransformOrigin="0.5,0.5">

            <Rectangle.RenderTransform>

                <RotateTransform Angle="120"/>

            </Rectangle.RenderTransform>

        </Rectangle>

        <Rectangle x:Name="r06" Fill="{StaticResource brush}" Opacity="0.3" RenderTransformOrigin="0.5,0.5">

            <Rectangle.RenderTransform>

                <RotateTransform Angle="150"/>

            </Rectangle.RenderTransform>

        </Rectangle>

        <Rectangle x:Name="r07" Fill="{StaticResource brush}" Opacity="0.3" RenderTransformOrigin="0.5,0.5">

            <Rectangle.RenderTransform>

                <RotateTransform Angle="180"/>

            </Rectangle.RenderTransform>

        </Rectangle>

        <Rectangle x:Name="r08" Fill="{StaticResource brush}" Opacity="0.3" RenderTransformOrigin="0.5,0.5">

            <Rectangle.RenderTransform>

                <RotateTransform Angle="210"/>

            </Rectangle.RenderTransform>

        </Rectangle>

        <Rectangle x:Name="r09" Fill="{StaticResource brush}" Opacity="0.3" RenderTransformOrigin="0.5,0.5">

            <Rectangle.RenderTransform>

                <RotateTransform Angle="240"/>

            </Rectangle.RenderTransform>

        </Rectangle>

        <Rectangle x:Name="r10" Fill="{StaticResource brush}" Opacity="0.3" RenderTransformOrigin="0.5,0.5">

            <Rectangle.RenderTransform>

                <RotateTransform Angle="270"/>

            </Rectangle.RenderTransform>

        </Rectangle>

        <Rectangle x:Name="r11" Fill="{StaticResource brush}" Opacity="0.3" RenderTransformOrigin="0.5,0.5">

            <Rectangle.RenderTransform>

                <RotateTransform Angle="300"/>

            </Rectangle.RenderTransform>

        </Rectangle>

        <Rectangle x:Name="r12" Fill="{StaticResource brush}" Opacity="0.3" 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.39333" BeginTime="0:0:0.00000" To="1"/>

                        <DoubleAnimation Storyboard.TargetName="r02" Storyboard.TargetProperty="Opacity" AutoReverse="True" Duration="0:0:0.39333" BeginTime="0:0:0.08333" To="1"/>

                        <DoubleAnimation Storyboard.TargetName="r03" Storyboard.TargetProperty="Opacity" AutoReverse="True" Duration="0:0:0.39333" BeginTime="0:0:0.16666" To="1"/>

                        <DoubleAnimation Storyboard.TargetName="r04" Storyboard.TargetProperty="Opacity" AutoReverse="True" Duration="0:0:0.39333" BeginTime="0:0:0.24999" To="1"/>

                        <DoubleAnimation Storyboard.TargetName="r05" Storyboard.TargetProperty="Opacity" AutoReverse="True" Duration="0:0:0.39333" BeginTime="0:0:0.33332" To="1"/>

                        <DoubleAnimation Storyboard.TargetName="r06" Storyboard.TargetProperty="Opacity" AutoReverse="True" Duration="0:0:0.39333" BeginTime="0:0:0.41665" To="1"/>

                        <DoubleAnimation Storyboard.TargetName="r07" Storyboard.TargetProperty="Opacity" AutoReverse="True" Duration="0:0:0.39333" BeginTime="0:0:0.49998" To="1"/>

                        <DoubleAnimation Storyboard.TargetName="r08" Storyboard.TargetProperty="Opacity" AutoReverse="True" Duration="0:0:0.39333" BeginTime="0:0:0.58331" To="1"/>

                        <DoubleAnimation Storyboard.TargetName="r09" Storyboard.TargetProperty="Opacity" AutoReverse="True" Duration="0:0:0.39333" BeginTime="0:0:0.66664" To="1"/>

                        <DoubleAnimation Storyboard.TargetName="r10" Storyboard.TargetProperty="Opacity" AutoReverse="True" Duration="0:0:0.39333" BeginTime="0:0:0.74997" To="1"/>

                        <DoubleAnimation Storyboard.TargetName="r11" Storyboard.TargetProperty="Opacity" AutoReverse="True" Duration="0:0:0.39333" BeginTime="0:0:0.83330" To="1"/>

                        <DoubleAnimation Storyboard.TargetName="r12" Storyboard.TargetProperty="Opacity" AutoReverse="True" Duration="0:0:0.39333" BeginTime="0:0:0.91663" To="1"/>


                    </Storyboard>

                </BeginStoryboard>

            </EventTrigger>

        </Grid.Triggers>

    </Grid>

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值