BPASmartClient/BPASmartClient.CustomResource/UserControls/Control/TechnologyBase.xaml

<UserControl
    x:Class="BPASmartClient.CustomResource.UserControls.TechnologyBase"
    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:local="clr-namespace:BPASmartClient.CustomResource.UserControls"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    d:DesignHeight="70"
    d:DesignWidth="80"
    mc:Ignorable="d">

    <UserControl.Triggers>
        <EventTrigger RoutedEvent="UserControl.Loaded">
            <BeginStoryboard>
                <Storyboard>
                    <DoubleAnimation
                        RepeatBehavior="Forever"
                        Storyboard.TargetName="ell"
                        Storyboard.TargetProperty="Angle"
                        To="360"
                        Duration="0:0:13" />
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </UserControl.Triggers>

    <Viewbox>
        <Canvas
            Width="100"
            Height="70"
            Background="Transparent">
            <Grid
                Canvas.Top="35"
                Width="100"
                Height="100">
                <Grid.RenderTransform>
                    <ScaleTransform ScaleY="0.35" />
                </Grid.RenderTransform>
                <Ellipse Width="100" Height="100">
                    <Ellipse.Fill>
                        <RadialGradientBrush>
                            <GradientStop Color="#FF042688" />
                            <GradientStop Offset="1" Color="#FF001149" />
                            <!--<GradientStop Color="{Binding BackColor, RelativeSource={RelativeSource AncestorType=UserControl, Mode=FindAncestor}}" />
                            <GradientStop Offset="1" Color="{Binding BaseColor, RelativeSource={RelativeSource AncestorType=UserControl, Mode=FindAncestor}}" />-->
                        </RadialGradientBrush>
                    </Ellipse.Fill>
                </Ellipse>
                <Ellipse
                    Width="90"
                    Height="90"
                    Stroke="#012a92"
                    StrokeThickness="5" />
                <Ellipse
                    Width="80"
                    Height="80"
                    RenderTransformOrigin="0.5 0.5"
                    Stroke="#28aef6"
                    StrokeDashArray="2 0.6"
                    StrokeThickness="5">
                    <Ellipse.Effect>
                        <DropShadowEffect
                            BlurRadius="10"
                            Direction="0"
                            Opacity="1"
                            ShadowDepth="0"
                            Color="Aqua" />
                    </Ellipse.Effect>
                    <Ellipse.RenderTransform>
                        <RotateTransform x:Name="ell" Angle="0" />
                    </Ellipse.RenderTransform>
                </Ellipse>
            </Grid>

            <Path
                Data="M16,50 A 20,8.5 0 1 0 84,50 L84,0 16,0 Z"
                Opacity="{Binding Depth, RelativeSource={RelativeSource AncestorType=UserControl, Mode=FindAncestor}}"
                Stroke="Transparent">
                <Path.Fill>
                    <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                        <GradientStop Color="{Binding BackColor, RelativeSource={RelativeSource AncestorType=UserControl, Mode=FindAncestor}}" />
                        <GradientStop Offset="1" Color="{Binding BaseColor, RelativeSource={RelativeSource AncestorType=UserControl, Mode=FindAncestor}}" />
                    </LinearGradientBrush>
                </Path.Fill>
            </Path>


            <Grid
                Canvas.Left="16"
                Canvas.Bottom="20"
                Width="68"
                Height="50">
                <TextBlock
                    HorizontalAlignment="Center"
                    VerticalAlignment="Center"
                    FontSize="{Binding FontSize, RelativeSource={RelativeSource AncestorType=UserControl, Mode=FindAncestor}}"
                    Foreground="{Binding Foreground, RelativeSource={RelativeSource AncestorType=UserControl, Mode=FindAncestor}}">
                    <Run Text="{Binding Content, RelativeSource={RelativeSource AncestorType=UserControl, Mode=FindAncestor}}" />
                    <Run Text="{Binding Unit, RelativeSource={RelativeSource AncestorType=UserControl, Mode=FindAncestor}}" />
                </TextBlock>
            </Grid>

        </Canvas>
    </Viewbox>


</UserControl>