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

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

▶ 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 엘리먼트 : OpacityMask 속성 사용하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <Image Stretch="None">
            <Image.Source>
                <DrawingImage>
                    <DrawingImage.Drawing>
                        <DrawingGroup>
                            <ImageDrawing
                                Rect="0 50 200 250"
                                ImageSource="IMAGE/sample.jpg" />
                            <DrawingGroup.OpacityMask>
                                <RadialGradientBrush>
                                    <GradientStop Offset="0.8" Color="White"       />
                                    <GradientStop Offset="1"   Color="Transparent" />
                                </RadialGradientBrush>
                            </DrawingGroup.OpacityMask>
                        </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>

<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 엘리먼트 : OpacityMask 속성 사용하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<Image.Source>

<DrawingImage.Drawing>

<ImageDrawing

Rect="0 50 200 250"

ImageSource="IMAGE/sample.jpg" />

<DrawingGroup.OpacityMask>

</RadialGradientBrush>

</DrawingGroup.OpacityMask>

</DrawingGroup>

</DrawingImage.Drawing>

</DrawingImage>

</Image.Source>

<Image.RenderTransform>

</Image.RenderTransform>

<Image.RenderTransformOrigin>

</Image.RenderTransformOrigin>

<Image.Triggers>

<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>

TestProject.zip