.Net Project & 재태크 재무 관리

<UserControl x:Class="BounceEaseTest.MainPage"

    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:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

    mc:Ignorable="d" d:DesignWidth="640" d:DesignHeight="480">

    <UserControl.Resources>

        <!-- 떨어지는 애니메이션 -->

        <Storyboard x:Name="MyStoryboard">

            <!-- 5초 동안의 를 애니메이션 270으로 변경-->

            <DoubleAnimation

                BeginTime="00:00:00"

                Duration="00:00:05"

                To="270"

                Storyboard.TargetName="ellipse"

                Storyboard.TargetProperty=

                     "(UIElement.RenderTransform).
                      (TransformGroup.Children)[3].(TranslateTransform.Y)">

                <DoubleAnimation.EasingFunction>

                    <!-- BounceEase 저기용 -->

                    <BounceEase Bounces="6" EasingMode="EaseIn"/>

                    <!-- EasingMode에 'EaseIn' 사용 -->

                    <!--<BounceEase Bounces="6" EasingMode="EaseIn"/>-->

                </DoubleAnimation.EasingFunction>

            </DoubleAnimation>

        </Storyboard>

    </UserControl.Resources>

    <Canvas x:Name="LayoutRoot">

        <!-- 원 -->

        <Ellipse x:Name="ellipse"

             Height="100"

             VerticalAlignment="Top"

             Width="100"

             Canvas.Left="150"

             Canvas.Top="30"

             RenderTransformOrigin="0.5,0.5">

            <Ellipse.RenderTransform>

                <TransformGroup>

                    <ScaleTransform/>

                    <SkewTransform/>

                    <RotateTransform/>

                    <TranslateTransform/>

                </TransformGroup>

            </Ellipse.RenderTransform>

            <Ellipse.Fill>

                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

                    <GradientStop Color="#FF0100FF" Offset="0"/>

                    <GradientStop Color="#FF908FFF" Offset="1"/>

                </LinearGradientBrush>

            </Ellipse.Fill>

        </Ellipse>

    </Canvas>

</UserControl> 

<UserControl x:Class="DoubleAnimationExample.MainPage"

    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:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

    mc:Ignorable="d" d:DesignWidth="640" d:DesignHeight="480">

    <Canvas x:Name="LayoutRoot">

        <Canvas.Resources>

        <!-- 사각형을 이동 시키는 스토리 보드 -->

            <Storyboard x:Name="rectAnimation">

                <!-- 넓이 변경 애니메이션 -->

                <DoubleAnimation

                    Duration="00:00:01"

                    Storyboard.TargetName="rect"

                    Storyboard.TargetProperty="(Width)"

                    From="50" To="500" />

                <!-- From 생략 애니메이션 -->

                <!--<DoubleAnimation

                    Duration="00:00:01"

                    Storyboard.TargetName="rect"

                    Storyboard.TargetProperty="(Width)"

                    From="100" To="200" />-->

                <!-- To 생략 애니메이션 -->

                <!--<DoubleAnimation

                    Duration="00:00:01"

                    Storyboard.TargetName="rect"

                    Storyboard.TargetProperty="(Width)"

                    From="100"/>-->

            </Storyboard>

        </Canvas.Resources>

        <!-- 사각형 -->

        <Rectangle x:Name="rect" Fill="Red"

                   Width="500" Height="100"

                   Canvas.Left="0" Canvas.Top="0"/>

    </Canvas>

</UserControl> 

<UserControl x:Class="AnimationExample.MainPage"

    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:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

    mc:Ignorable="d" d:DesignWidth="640" d:DesignHeight="480">

    <Canvas x:Name="LayoutRoot">

        <Canvas.Resources>

            <!--사각형을 이동 시키는 스토리 보드 -->

            <Storyboard x:Name="rectAnimation">

                <!-- Y 좌표 이동 애니메이션 -->

                <DoubleAnimation

                    RepeatBehavior="5x"

                    Duration="00:00:01"

                    Storyboard.TargetName="rect"

                    Storyboard.TargetProperty="(Canvas.Top)"

                        From="0" To="100"/>

                <!-- X 좌표 이동 애니메이션 -->

                <DoubleAnimation

                    RepeatBehavior="5x"

                    Duration="00:00:01"

                    Storyboard.TargetName="rect"

                    Storyboard.TargetProperty="(Canvas.Left)"

                        From="0" To="100"/>

                <!-- RepeatBehavior를 설정 (속성지정)  -->

                <!--<DoubleAnimation

                    RepeatBehavior="2x"

                    Duration="00:00:01"

                    Storyboard.TargetName="rect"

                    Storyboard.TargetProperty="(Canvas.Top)"

                        From="0" To="100"/>

                <DoubleAnimation

                    RepeatBehavior="2x"

                    Duration="00:00:01"

                    Storyboard.TargetName="rect"

                    Storyboard.TargetProperty="(Canvas.Left)"

                        From="0" To="100"/>-->

            </Storyboard>

        </Canvas.Resources>

        <!-- 사각형 -->

        <Rectangle x:Name="rect" Fill="Red"

                   Width="100" Height="100"

                   Canvas.Left="0" Canvas.Top="0"/>

    </Canvas>

</UserControl> 

<UserControl x:Class="AnimationExample.MainPage"

    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:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

    mc:Ignorable="d" d:DesignWidth="640" d:DesignHeight="480">

    <Canvas x:Name="LayoutRoot">

        <Canvas.Resources>

       <!-- 사각형을 이동시키는 좌표 이동 -->

            <Storyboard x:Name="rectAnimation">

                <!-- Y 좌표 이동 애니 메이션 -->

                <DoubleAnimation

                    SpeedRatio="0.5"

                    Duration="00:00:01"

                    Storyboard.TargetName="rect"

                    Storyboard.TargetProperty="(Canvas.Top)"

                        From="0" To="100"/>

                <!-- X 좌표 이동 애니메이션 -->

                <DoubleAnimation

                    SpeedRatio="0.5"

                    Duration="00:00:01"

                    Storyboard.TargetName="rect"

                    Storyboard.TargetProperty="(Canvas.Left)"

                        From="0" To="100"/>

            </Storyboard>

        </Canvas.Resources>

        <!-- 사각형 -->

        <Rectangle x:Name="rect" Fill="Red"

                   Width="100" Height="100"

                   Canvas.Left="0" Canvas.Top="0"/>

    </Canvas>

</UserControl>