[C#/WPF] DrawingGroup 엘리먼트 : Transform 속성 사용하기

■ DrawingGroup 엘리먼트의 Transform 속성을 사용하는 방법을 보여준다.

TestProject.zip

다운로드

▶ MainWindow.xaml

<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="DrawingGroup 엘리먼트 : Transform 속성 사용하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <Image Stretch="None">
            <Image.Source>
                <DrawingImage>
                    <DrawingImage.Drawing>
                        <DrawingGroup>
                            <ImageDrawing
                                Rect="0 50 200 250"
                                ImageSource="IMAGE/sample.jpg" />
                            <DrawingGroup.Transform>
                                <ScaleTransform
                                    ScaleX="2"
                                    ScaleY="2" />
                            </DrawingGroup.Transform>
                        </DrawingGroup>
                    </DrawingImage.Drawing>
                </DrawingImage>
            </Image.Source>
            <Image.RenderTransform>
                <RotateTransform x:Name="rotateTransform" />
            </Image.RenderTransform>
            <Image.RenderTransformOrigin>
                <Point X="0.5" Y="0" />
            </Image.RenderTransformOrigin>
            <Image.Triggers>
                <EventTrigger RoutedEvent="Image.Loaded">
                    <BeginStoryboard>
                        <Storyboard
                            TargetName="rotateTransform"
                            TargetProperty="Angle">
                            <DoubleAnimation
                                RepeatBehavior="Forever"
                                AutoReverse="True"
                                AccelerationRatio="0.5"
                                DecelerationRatio="0.5"
                                Duration="0:0:2"
                                From="-30"
                                To="30" />
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Image.Triggers>
        </Image>
    </Grid>
</Window>