Kepler-Release/Venus/Venus_Themes/UserControls/XinSongRobot.xaml

<UserControl x:Class="Venus_Themes.UserControls.XinSongRobot"
             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:Venus_Themes.UserControls"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800">
    <Viewbox  Stretch="Uniform" >
        <VisualStateManager.VisualStateGroups>
            <VisualStateGroup Name="RobotXActions">
                <VisualStateGroup.Transitions>
                    <VisualTransition To="Extend1" >
                        <Storyboard FillBehavior="HoldEnd" SpeedRatio="8">
                            <DoubleAnimation Storyboard.TargetName="armXTRotateAct" Storyboard.TargetProperty="Angle"  To="-155" Duration="0:0:9">
                            </DoubleAnimation>
                            <DoubleAnimation Storyboard.TargetName="armXT1RotateAct" Storyboard.TargetProperty="Angle"  To="-70" Duration="0:0:9">
                            </DoubleAnimation>

                        </Storyboard>
                    </VisualTransition>
                    <VisualTransition To="Retract1">
                        <Storyboard FillBehavior="HoldEnd" SpeedRatio="8">
                            <DoubleAnimation Storyboard.TargetName="armXTRotateAct" Storyboard.TargetProperty="Angle"  To="-125" Duration="0:0:9">
                            </DoubleAnimation>
                            <DoubleAnimation Storyboard.TargetName="armXT1RotateAct" Storyboard.TargetProperty="Angle"  To="-100" Duration="0:0:9">
                            </DoubleAnimation>

                        </Storyboard>
                    </VisualTransition>
                    <VisualTransition To="Extend2" >
                        <Storyboard FillBehavior="HoldEnd" SpeedRatio="8">
                            <DoubleAnimation Storyboard.TargetName="armXTRotateAct2" Storyboard.TargetProperty="Angle"  To="155" Duration="0:0:9">
                            </DoubleAnimation>
                            <DoubleAnimation Storyboard.TargetName="armXT1RotateAct2" Storyboard.TargetProperty="Angle"  To="69" Duration="0:0:9">
                            </DoubleAnimation>

                        </Storyboard>
                    </VisualTransition>
                    <VisualTransition To="Retract2">
                        <Storyboard FillBehavior="HoldEnd" SpeedRatio="8">
                            <DoubleAnimation Storyboard.TargetName="armXTRotateAct2" Storyboard.TargetProperty="Angle"  To="125" Duration="0:0:9">
                            </DoubleAnimation>
                            <DoubleAnimation Storyboard.TargetName="armXT1RotateAct2" Storyboard.TargetProperty="Angle"  To="100" Duration="0:0:9">
                            </DoubleAnimation>
                        </Storyboard>
                    </VisualTransition>
                </VisualStateGroup.Transitions>



                <VisualState Name="Extend1">
                    <Storyboard FillBehavior="HoldEnd">
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="armXTRotateAct" Storyboard.TargetProperty="Angle">
                            <LinearDoubleKeyFrame Value="-155" KeyTime="0:0:0"/>
                        </DoubleAnimationUsingKeyFrames>
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="armXT1RotateAct" Storyboard.TargetProperty="Angle">
                            <LinearDoubleKeyFrame Value="-70" KeyTime="0:0:0"/>
                        </DoubleAnimationUsingKeyFrames>

                    </Storyboard>
                </VisualState>
                <VisualState Name="Retract1">
                    <Storyboard FillBehavior="HoldEnd">
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="armXTRotateAct" Storyboard.TargetProperty="Angle">
                            <LinearDoubleKeyFrame Value="-125" KeyTime="0:0:0"/>
                        </DoubleAnimationUsingKeyFrames>
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="armXT1RotateAct" Storyboard.TargetProperty="Angle">
                            <LinearDoubleKeyFrame Value="-100" KeyTime="0:0:0"/>
                        </DoubleAnimationUsingKeyFrames>
                    </Storyboard>
                </VisualState>
                <VisualState Name="Extend2">
                    <Storyboard FillBehavior="HoldEnd">
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="armXTRotateAct2" Storyboard.TargetProperty="Angle">
                            <LinearDoubleKeyFrame Value="155" KeyTime="0:0:0"/>
                        </DoubleAnimationUsingKeyFrames>
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="armXT1RotateAct2" Storyboard.TargetProperty="Angle">
                            <LinearDoubleKeyFrame Value="69" KeyTime="0:0:0"/>
                        </DoubleAnimationUsingKeyFrames>
                    </Storyboard>
                </VisualState>
                <VisualState Name="Retract2">
                    <Storyboard FillBehavior="HoldEnd">
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="armXTRotateAct2" Storyboard.TargetProperty="Angle">
                            <LinearDoubleKeyFrame Value="125" KeyTime="0:0:0"/>
                        </DoubleAnimationUsingKeyFrames>
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="armXT1RotateAct2" Storyboard.TargetProperty="Angle">
                            <LinearDoubleKeyFrame Value="100" KeyTime="0:0:0"/>
                        </DoubleAnimationUsingKeyFrames>

                    </Storyboard>
                </VisualState>
            </VisualStateGroup>


        </VisualStateManager.VisualStateGroups>
        <Canvas Width="100" Height="100">
            <Canvas Width="100" Height="100" Panel.ZIndex="2">
                <Canvas.RenderTransform>
                    <TransformGroup>
                        <RotateTransform    CenterX="48" CenterY="10" Angle="45"/>
                    </TransformGroup>
                </Canvas.RenderTransform>
                <Canvas Width="100" Height="115" Canvas.Left="10" Canvas.Top="-10">
                    <Image Width="100" Height="115" Source="pack://application:,,,/Venus_Themes;component/Resources/NiceUI/2.3.1.png" Stretch="Uniform" ></Image>
                    <Ellipse Fill="White" Width="5" Height="5" Canvas.Left="48" Canvas.Top="10"></Ellipse>
                </Canvas>


                <Canvas Width="100" Height="250">
                    <Canvas.RenderTransform>
                        <TransformGroup>
                            <RotateTransform    CenterX="60" CenterY="88" x:Name="armXTRotateAct" Angle="-125"/>
                        </TransformGroup>
                    </Canvas.RenderTransform>



                    <Canvas Width="100" Height="100" Canvas.Left="10" Canvas.Top="71" Panel.ZIndex="1">
                        <Image Width="100" Height="100" Source="pack://application:,,,/Venus_Themes;component/Resources/NiceUI/2.1.1.png" Stretch="Uniform"></Image>
                    </Canvas>



                    <Canvas Width="100" Height="100" Canvas.Left="40" Canvas.Top="155" Panel.ZIndex="1000">
                        <Canvas.RenderTransform>
                            <TransformGroup>
                                <RotateTransform    CenterX="18" CenterY="15" x:Name="armXT1RotateAct" Angle="-100"/>
                            </TransformGroup>
                        </Canvas.RenderTransform>
                        <Image Width="40" Height="200" Source="pack://application:,,,/Venus_Themes;component/Resources/NiceUI/2.2.1.png" Stretch="Uniform" Panel.ZIndex="1000"></Image>
                        <Ellipse Fill="Silver" Width="5" Height="5" Canvas.Left="18" Canvas.Top="15"></Ellipse>
                    </Canvas>
                    <Ellipse Fill="Gray" Width="5" Height="5" Canvas.Left="58" Canvas.Top="85"></Ellipse>



                </Canvas>


            </Canvas>


            <Canvas Width="100" Height="100" Panel.ZIndex="1" Canvas.Left="50" Canvas.Top="16">
                <Canvas.RenderTransform>
                    <TransformGroup>
                        <RotateTransform    CenterX="48" CenterY="10" Angle="-45"/>
                    </TransformGroup>
                </Canvas.RenderTransform>
                <Canvas Width="100" Height="115" Canvas.Left="10" Canvas.Top="-10">
                    <Image Width="100" Height="115" Source="pack://application:,,,/Venus_Themes;component/Resources/NiceUI/2.3.1.png" Stretch="Uniform" ></Image>
                    <Ellipse Fill="White" Width="5" Height="5" Canvas.Left="48" Canvas.Top="10"></Ellipse>
                </Canvas>


                <Canvas Width="100" Height="250">
                    <Canvas.RenderTransform>
                        <TransformGroup>
                            <RotateTransform    CenterX="60" CenterY="88"  Angle="125" x:Name="armXTRotateAct2"/>
                        </TransformGroup>
                    </Canvas.RenderTransform>



                    <Canvas Width="100" Height="100" Canvas.Left="10" Canvas.Top="71" >
                        <Image Width="100" Height="100" Source="pack://application:,,,/Venus_Themes;component/Resources/NiceUI/2.1.1.png" Stretch="Uniform"></Image>
                    </Canvas>



                    <Canvas Width="100" Height="100" Canvas.Left="40" Canvas.Top="155" >
                        <Canvas.RenderTransform>
                            <TransformGroup>
                                <RotateTransform    CenterX="18" CenterY="15"  Angle="100" x:Name="armXT1RotateAct2"/>
                            </TransformGroup>
                        </Canvas.RenderTransform>
                        <Image Width="40" Height="200" Source="pack://application:,,,/Venus_Themes;component/Resources/NiceUI/2.2.1.png" Stretch="Uniform" ></Image>
                        <Ellipse Fill="Silver" Width="5" Height="5" Canvas.Left="18" Canvas.Top="15"></Ellipse>
                    </Canvas>
                    <Ellipse Fill="Gray" Width="5" Height="5" Canvas.Left="58" Canvas.Top="85"></Ellipse>
                </Canvas>


            </Canvas>

        </Canvas>
    </Viewbox>
</UserControl>