BPASmartClient/BPASmartClient.MinimalistUI/FControl/HBLControl.xaml

<UserControl x:Class="BPASmartClient.MinimalistUI.FControl.HBLControl"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:BPASmartClient.MinimalistUI.FControl"
             mc:Ignorable="d" 
             d:DesignHeight="140" d:DesignWidth="140">
    <UserControl.Resources>
        <ResourceDictionary>
            <LinearGradientBrush x:Key="yanjing" EndPoint="0,1">
                <GradientStop Color="#CC00EAFF" Offset="0.08"></GradientStop>
                <GradientStop Color="Transparent" Offset="0.08"></GradientStop>
                <GradientStop Color="Transparent" Offset="0.16"></GradientStop>
                <GradientStop Color="#CC00EAFF" Offset="0.16"></GradientStop>
                <GradientStop Color="#CC00EAFF" Offset="0.24"></GradientStop>
                <GradientStop Color="Transparent" Offset="0.24"></GradientStop>
                <GradientStop Color="Transparent" Offset="0.32"></GradientStop>
                <GradientStop Color="#CC00EAFF" Offset="0.32"></GradientStop>
                <GradientStop Color="#CC00EAFF" Offset="0.40"></GradientStop>
                <GradientStop Color="Transparent" Offset="0.40"></GradientStop>
                <GradientStop Color="Transparent" Offset="0.48"></GradientStop>
                <GradientStop Color="#CC00EAFF" Offset="0.48"></GradientStop>
                <GradientStop Color="#CC00EAFF" Offset="0.56"></GradientStop>
                <GradientStop Color="Transparent" Offset="0.56"></GradientStop>
                <GradientStop Color="Transparent" Offset="0.64"></GradientStop>
                <GradientStop Color="#CC00EAFF" Offset="0.64"></GradientStop>
                <GradientStop Color="#CC00EAFF" Offset="0.72"></GradientStop>
                <GradientStop Color="Transparent" Offset="0.72"></GradientStop>
                <GradientStop Color="Transparent" Offset="0.80"></GradientStop>
                <GradientStop Color="#CC00EAFF" Offset="0.80"></GradientStop>
                <GradientStop Color="#CC00EAFF" Offset="0.88"></GradientStop>
                <GradientStop Color="Transparent" Offset="0.88"></GradientStop>
                <GradientStop Color="Transparent" Offset="0.96"></GradientStop>
                <GradientStop Color="#CC00EAFF" Offset="0.96"></GradientStop>
            </LinearGradientBrush>
            <Storyboard x:Key="Storyboard1" RepeatBehavior="Forever">
                <PointAnimationUsingKeyFrames Storyboard.TargetProperty="(Shape.Stroke).(LinearGradientBrush.StartPoint)" 
                                          Storyboard.TargetName="rectangle">
                    <EasingPointKeyFrame KeyTime="0:0:0.5" Value="0.855,0.148"/>
                    <EasingPointKeyFrame KeyTime="0:0:1" Value="0.852,0.855"/>
                    <EasingPointKeyFrame KeyTime="0:0:1.5" Value="0.148,0.855"/>
                    <EasingPointKeyFrame KeyTime="0:0:2" Value="0.144,0.149"/>
                    <EasingPointKeyFrame KeyTime="0:0:2.5" Value="0,0"/>

                    <EasingPointKeyFrame KeyTime="0:0:3" Value="0.855,0.148"/>
                    <EasingPointKeyFrame KeyTime="0:0:3.5" Value="0.852,0.855"/>
                    <EasingPointKeyFrame KeyTime="0:0:4" Value="0.148,0.855"/>
                    <EasingPointKeyFrame KeyTime="0:0:4.5" Value="0.144,0.149"/>
                    <EasingPointKeyFrame KeyTime="0:0:5" Value="0,0"/>

                </PointAnimationUsingKeyFrames>
                <PointAnimationUsingKeyFrames Storyboard.TargetProperty="(Shape.Stroke).(LinearGradientBrush.EndPoint)" 
                                          Storyboard.TargetName="rectangle">
                    <EasingPointKeyFrame KeyTime="0:0:0.5" Value="0.145,0.852"/>
                    <EasingPointKeyFrame KeyTime="0:0:1" Value="0.148,0.145"/>
                    <EasingPointKeyFrame KeyTime="0:0:1.5" Value="0.852,0.145"/>
                    <EasingPointKeyFrame KeyTime="0:0:2" Value="0.856,0.851"/>
                    <EasingPointKeyFrame KeyTime="0:0:2.5" Value="0,1"/>

                    <EasingPointKeyFrame KeyTime="0:0:3" Value="0.145,0.852"/>
                    <EasingPointKeyFrame KeyTime="0:0:3.5" Value="0.148,0.145"/>
                    <EasingPointKeyFrame KeyTime="0:0:4" Value="0.852,0.145"/>
                    <EasingPointKeyFrame KeyTime="0:0:4.5" Value="0.856,0.851"/>
                    <EasingPointKeyFrame KeyTime="0:0:5" Value="0,1"/>
                </PointAnimationUsingKeyFrames>
                <ColorAnimationUsingKeyFrames Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                    <EasingColorKeyFrame KeyTime="00:00:02" Value="Lime"/>
                    <EasingColorKeyFrame KeyTime="00:00:02.5000000" Value="#FF075AFF"/>

                    <EasingColorKeyFrame KeyTime="00:00:4.5" Value="Lime"/>
                    <EasingColorKeyFrame KeyTime="00:00:5" Value="#FF075AFF"/>
                </ColorAnimationUsingKeyFrames>

                <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)" Storyboard.TargetName="ico_map">
                    <EasingDoubleKeyFrame KeyTime="0:0:2.5" Value="-180"/>
                    <EasingDoubleKeyFrame KeyTime="0:0:5" Value="-360"/>
                </DoubleAnimationUsingKeyFrames>
            </Storyboard>
            <Storyboard x:Key="StoryboardZY" RepeatBehavior="Forever">
                <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Height)" Storyboard.TargetName="border">
                    <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="12"/>
                    <EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="6"/>
                    <EasingDoubleKeyFrame KeyTime="0:0:1.4" Value="12"/>
                    <EasingDoubleKeyFrame KeyTime="0:0:3" Value="12"/>
                </DoubleAnimationUsingKeyFrames>
                <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Height)" Storyboard.TargetName="border1">
                    <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="12"/>
                    <EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="6"/>
                    <EasingDoubleKeyFrame KeyTime="0:0:1.4" Value="12"/>
                    <EasingDoubleKeyFrame KeyTime="0:0:3" Value="12"/>

                </DoubleAnimationUsingKeyFrames>
            </Storyboard>
        </ResourceDictionary>
    </UserControl.Resources>
    <UserControl.Triggers>
        <EventTrigger RoutedEvent="FrameworkElement.Loaded">
            <BeginStoryboard Storyboard="{StaticResource Storyboard1}"/>
            <BeginStoryboard Storyboard="{StaticResource StoryboardZY}"/>
        </EventTrigger>
    </UserControl.Triggers>
    <Grid Width="100" Height="100" HorizontalAlignment="Right" VerticalAlignment="Top" Margin="20">
        <Image x:Name="ico_map"  Width="85" Height="85" UseLayoutRounding="True"  SnapsToDevicePixels="True" RenderOptions.BitmapScalingMode="HighQuality" Source="/Images/椭圆 22 副本 2.png" RenderTransformOrigin="0.5,0.5"  >
            <Image.RenderTransform>
                <TransformGroup>
                    <ScaleTransform/>
                    <SkewTransform/>
                    <RotateTransform/>
                    <TranslateTransform/>
                </TransformGroup>
            </Image.RenderTransform>
        </Image>
        <Image  HorizontalAlignment="Center" Margin="0,90,0,0"  UseLayoutRounding="True"  SnapsToDevicePixels="True" RenderOptions.BitmapScalingMode="HighQuality" VerticalAlignment="Top" Width="100" Height="20"   Source="/Images/top_h.png"  />
        <Grid  x:Name="grid_xiaoboluo" Width="100" Height="100" MouseEnter="grid_MouseEnter" MouseLeave="grid_MouseLeave">
            <Grid>
                <Ellipse x:Name="rectangle"  Width="70" Height="70" StrokeThickness="4" Fill="#FF022E50">
                    <Ellipse.Stroke>
                        <LinearGradientBrush  Opacity="1">
                            <GradientStop Color="Transparent" Offset="0"/>
                            <GradientStop Color="#FF075AFF"  Offset="1"/>
                        </LinearGradientBrush>
                    </Ellipse.Stroke>
                </Ellipse>
                <Image x:Name="ico" UseLayoutRounding="True"  SnapsToDevicePixels="True" RenderOptions.BitmapScalingMode="HighQuality" HorizontalAlignment="Center" VerticalAlignment="Top" Margin="-20,25,0,0" Width="25" Height="30"   Source="/Images/logo-pic.png"  />
                <Image     Width="31.6" UseLayoutRounding="True"  SnapsToDevicePixels="True" RenderOptions.BitmapScalingMode="HighQuality" Height="7.9"  Margin="20,0,0,25" Source="/Images/logo-Text.png"  />
                <TextBlock Margin="0,24,0,0"  UseLayoutRounding="True"  SnapsToDevicePixels="True" RenderOptions.BitmapScalingMode="HighQuality" HorizontalAlignment="Center"  VerticalAlignment="Center" FontSize="14" Foreground="#FF00EAFF" FontFamily="黑体" FontWeight="Bold">智能卓越</TextBlock>
            </Grid>
            <Grid x:Name="grid_celine" Visibility="Collapsed">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition></ColumnDefinition>
                    <ColumnDefinition></ColumnDefinition>
                </Grid.ColumnDefinitions>
                <Ellipse Grid.ColumnSpan="2" Width="70" Height="70" Fill="#2571ac" ></Ellipse>
                <Grid x:Name="yanjing_move" Grid.ColumnSpan="2" Width="35" Height="35">
                    <Grid >
                        <Border  x:Name="border1" HorizontalAlignment="Left"  Grid.Column="0" Background="{DynamicResource yanjing}" CornerRadius="2" Width="8" Height="12"/>
                        <Border x:Name="border" HorizontalAlignment="Right" Grid.Column="1"  Background="{DynamicResource yanjing}" CornerRadius="2" Width="8" Height="12"/>
                    </Grid>
                </Grid>
            </Grid>
        </Grid>
    </Grid>
</UserControl>