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

<UserControl x:Class="Venus_Themes.UserControls.GuangChuanRobot"
             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="0" Duration="0:0:9">
                            </DoubleAnimation>
                            <DoubleAnimation Storyboard.TargetName="armXT1RotateAct" Storyboard.TargetProperty="Angle"  To="0" Duration="0:0:9">
                            </DoubleAnimation>
                            <DoubleAnimation Storyboard.TargetName="armXT2RotateAct" Storyboard.TargetProperty="Angle"  To="180" Duration="0:0:9">
                            </DoubleAnimation>
                        </Storyboard>
                    </VisualTransition>
                    <VisualTransition To="Retract1">
                        <Storyboard FillBehavior="HoldEnd" SpeedRatio="8">
                            <DoubleAnimation Storyboard.TargetName="armXTRotateAct" Storyboard.TargetProperty="Angle"  To="180" Duration="0:0:9">
                            </DoubleAnimation>
                            <DoubleAnimation Storyboard.TargetName="armXT1RotateAct" Storyboard.TargetProperty="Angle"  To="-180" Duration="0:0:9">
                            </DoubleAnimation>
                            <DoubleAnimation Storyboard.TargetName="armXT2RotateAct" Storyboard.TargetProperty="Angle"  To="180" Duration="0:0:9">
                            </DoubleAnimation>
                        </Storyboard>
                    </VisualTransition>
                    <VisualTransition To="Extend2" >
                        <Storyboard FillBehavior="HoldEnd" SpeedRatio="8">
                            <DoubleAnimation Storyboard.TargetName="armXTRotateAct" Storyboard.TargetProperty="Angle"  To="0" Duration="0:0:9">
                            </DoubleAnimation>
                            <DoubleAnimation Storyboard.TargetName="armXT1RotateAct" Storyboard.TargetProperty="Angle"  To="-180" Duration="0:0:9">
                            </DoubleAnimation>
                            <DoubleAnimation Storyboard.TargetName="armXT2RotateAct" Storyboard.TargetProperty="Angle"  To="360" Duration="0:0:9">
                            </DoubleAnimation>

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


                        </Storyboard>
                    </VisualTransition>
                </VisualStateGroup.Transitions>



                <VisualState Name="Extend1">
                    <Storyboard FillBehavior="HoldEnd">
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="armXTRotateAct" Storyboard.TargetProperty="Angle">
                            <LinearDoubleKeyFrame Value="0" KeyTime="0:0:0"/>
                        </DoubleAnimationUsingKeyFrames>
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="armXT1RotateAct" Storyboard.TargetProperty="Angle">
                            <LinearDoubleKeyFrame Value="0" KeyTime="0:0:0"/>
                        </DoubleAnimationUsingKeyFrames>
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="armXT2RotateAct" Storyboard.TargetProperty="Angle">
                            <LinearDoubleKeyFrame Value="180" KeyTime="0:0:0"/>
                        </DoubleAnimationUsingKeyFrames>
                    </Storyboard>
                </VisualState>
                <VisualState Name="Retract1">
                    <Storyboard FillBehavior="HoldEnd">
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="armXTRotateAct" Storyboard.TargetProperty="Angle">
                            <LinearDoubleKeyFrame Value="180" KeyTime="0:0:0"/>
                        </DoubleAnimationUsingKeyFrames>
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="armXT1RotateAct" Storyboard.TargetProperty="Angle">
                            <LinearDoubleKeyFrame Value="-180" KeyTime="0:0:0"/>
                        </DoubleAnimationUsingKeyFrames>
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="armXT2RotateAct" Storyboard.TargetProperty="Angle">
                            <LinearDoubleKeyFrame Value="180" KeyTime="0:0:0"/>
                        </DoubleAnimationUsingKeyFrames>
                    </Storyboard>
                </VisualState>
                <VisualState Name="Extend2">
                    <Storyboard FillBehavior="HoldEnd">
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="armXTRotateAct" Storyboard.TargetProperty="Angle">
                            <LinearDoubleKeyFrame Value="0" KeyTime="0:0:0"/>
                        </DoubleAnimationUsingKeyFrames>
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="armXT1RotateAct" Storyboard.TargetProperty="Angle">
                            <LinearDoubleKeyFrame Value="-180" KeyTime="0:0:0"/>
                        </DoubleAnimationUsingKeyFrames>
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="armXT2RotateAct" Storyboard.TargetProperty="Angle">
                            <LinearDoubleKeyFrame Value="360" KeyTime="0:0:0"/>
                        </DoubleAnimationUsingKeyFrames>
                    </Storyboard>
                </VisualState>
                <VisualState Name="Retract2">
                    <Storyboard FillBehavior="HoldEnd">
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="armXTRotateAct" Storyboard.TargetProperty="Angle">
                            <LinearDoubleKeyFrame Value="180" KeyTime="0:0:0"/>
                        </DoubleAnimationUsingKeyFrames>
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="armXT1RotateAct" Storyboard.TargetProperty="Angle">
                            <LinearDoubleKeyFrame Value="-180" KeyTime="0:0:0"/>
                        </DoubleAnimationUsingKeyFrames>
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="armXT2RotateAct" Storyboard.TargetProperty="Angle">
                            <LinearDoubleKeyFrame Value="180" KeyTime="0:0:0"/>
                        </DoubleAnimationUsingKeyFrames>

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


        </VisualStateManager.VisualStateGroups>

        <Canvas Width="100" Height="100">
            <Canvas.RenderTransform>
                <TransformGroup>
                    <RotateTransform    CenterX="50" CenterY="125" Angle="180"/>
                </TransformGroup>
            </Canvas.RenderTransform>
            <Canvas Width="100" Height="100" Canvas.Left="10" Canvas.Top="130">
                <Image Width="100" Height="100" Source="pack://application:,,,/Venus_Themes;component/Resources/NiceUI/1.3.1.png" Stretch="Uniform"></Image>
            </Canvas>
            <Canvas Width="100" Height="250">
                <Canvas.RenderTransform>
                    <TransformGroup>
                        <RotateTransform    CenterX="60" CenterY="145" x:Name="armXTRotateAct"/>
                    </TransformGroup>
                </Canvas.RenderTransform>




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

                <Canvas Width="100" Height="100" Canvas.Left="10" Canvas.Top="0">
                    <Canvas.RenderTransform>
                        <TransformGroup>
                            <RotateTransform    CenterX="50" CenterY="80" x:Name="armXT1RotateAct"/>
                        </TransformGroup>
                    </Canvas.RenderTransform>
                    <Image Width="100" Height="100" Source="pack://application:,,,/Venus_Themes;component/Resources/NiceUI/1.1.1.png" Stretch="Uniform"></Image>
                    <!--<Ellipse Width="50" Height="50" Fill="Green" Canvas.Left="25"></Ellipse>-->
                </Canvas>


                <Canvas Width="100" Height="100" Canvas.Left="10" Canvas.Top="0">
                    <Canvas.RenderTransform>
                        <TransformGroup>
                            <RotateTransform    CenterX="50" CenterY="80" x:Name="armXT2RotateAct"/>
                        </TransformGroup>
                    </Canvas.RenderTransform>
                    <Image Width="100" Height="100" Source="pack://application:,,,/Venus_Themes;component/Resources/NiceUI/1.1.1.png" Stretch="Uniform"></Image>
                    <!--<Ellipse Width="50" Height="50" Fill="Red" Canvas.Left="25"></Ellipse>-->
                </Canvas>
            </Canvas>
        </Canvas>

    </Viewbox>

</UserControl>