DRAWING Archives - 3 중 3 번째 페이지

[C#/WPF] DrawingBrush 엘리먼트 : EllipseGeometry 객체의 크기를 변경해 애니메이션 만들기

■ DrawingBrush 엘리먼트에서 EllipseGeometry 객체의 크기를 변경해 애니메이션을 만드는 방법을 보여준다. ▶ 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="DrawingBrush 엘리먼트 : EllipseGeometry 객체의 크기를 변경해 애니메이션 만들기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Window.Background>
        <DrawingBrush
            TileMode="Tile"
            Stretch="None"
            Viewport="0 0 12 12"
            ViewportUnits="Absolute">
            <DrawingBrush.Drawing>
                <GeometryDrawing Brush="Red">
                    <GeometryDrawing.Geometry>
                        <EllipseGeometry x:Name="ellipseGeometry"
                            Center="0 0" />
                    </GeometryDrawing.Geometry>
                </GeometryDrawing>
            </DrawingBrush.Drawing>
        </DrawingBrush>
    </Window.Background>
    <Window.Triggers>
        <EventTrigger RoutedEvent="Window.Loaded">
            <BeginStoryboard>
                <Storyboard
                    TargetName="ellipseGeometry"
                    RepeatBehavior="Forever">
                    <DoubleAnimation
                        Storyboard.TargetProperty="RadiusX"
                        AutoReverse="True"
                        Duration="0:0:0.25"
                        From="4"
                        To="6" />
                    <DoubleAnimation
                        Storyboard.TargetProperty="RadiusY"
                        AutoReverse="True"
                        Duration="0:0:0.25"
                        From="4"
                        To="6" />
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </Window.Triggers>
</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="DrawingBrush 엘리먼트 : EllipseGeometry 객체의 크기를 변경해 애니메이션 만들기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Window.Background>

<DrawingBrush

TileMode="Tile"

Stretch="None"

Viewport="0 0 12 12"

ViewportUnits="Absolute">

<DrawingBrush.Drawing>

<GeometryDrawing.Geometry>

<EllipseGeometry x:Name="ellipseGeometry"

Center="0 0" />

</GeometryDrawing.Geometry>

</GeometryDrawing>

</DrawingBrush.Drawing>

</DrawingBrush>

</Window.Background>

<Window.Triggers>

<Storyboard

TargetName="ellipseGeometry"

RepeatBehavior="Forever">

<DoubleAnimation

Storyboard.TargetProperty="RadiusX"

AutoReverse="True"

Duration="0:0:0.25"

From="4"

To="6" />

<DoubleAnimation

Storyboard.TargetProperty="RadiusY"

AutoReverse="True"

Duration="0:0:0.25"

From="4"

To="6" />

</Storyboard>

</BeginStoryboard>

</EventTrigger>

</Window.Triggers>

</Window>

TestProject.zip

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

■ DrawingBrush 엘리먼트의 Drawing 속성을 사용하는 방법을 보여준다. ▶ 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="DrawingBrush 엘리먼트 : Drawing 속성 사용하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Window.Background>
        <DrawingBrush>
            <DrawingBrush.Drawing>
                <GeometryDrawing Brush="Red">
                    <GeometryDrawing.Pen>
                        <Pen Brush="Blue" />
                    </GeometryDrawing.Pen>
                    <GeometryDrawing.Geometry>
                        <EllipseGeometry
                            Center="0 0"
                            RadiusX="10"
                            RadiusY="10" />
                    </GeometryDrawing.Geometry>
                </GeometryDrawing>
            </DrawingBrush.Drawing>
        </DrawingBrush>
    </Window.Background>
</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="DrawingBrush 엘리먼트 : Drawing 속성 사용하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Window.Background>

<DrawingBrush.Drawing>

<GeometryDrawing.Pen>

</GeometryDrawing.Pen>

<GeometryDrawing.Geometry>

<EllipseGeometry

Center="0 0"

RadiusX="10"

RadiusY="10" />

</GeometryDrawing.Geometry>

</GeometryDrawing>

</DrawingBrush.Drawing>

</DrawingBrush>

</Window.Background>

</Window>

TestProject.zip

[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

[C#/WPF] DrawingGroup 엘리먼트 : ImageDrawing/GeometryDrawing 객체를 사용해 이미지 만들기

■ DrawingGroup 엘리먼트에서 ImageDrawing/GeometryDrawing 객체를 사용해 이미지를 만드는 방법을 보여준다. ▶ 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 엘리먼트 : ImageDrawing/GeometryDrawing 객체를 사용해 이미지 만들기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <Image Stretch="None">
            <Image.Source>
                <DrawingImage>
                    <DrawingImage.Drawing>
                        <DrawingGroup>
                            <ImageDrawing
                                Rect="0 50 200 250"
                                ImageSource="IMAGE/sample.jpg" />
                            <GeometryDrawing>
                                <GeometryDrawing.Pen>
                                    <Pen
                                        Brush="RoyalBlue"
                                        Thickness="5" />
                                </GeometryDrawing.Pen>
                                <GeometryDrawing.Geometry>
                                    <RectangleGeometry Rect="2.5 52.5 195 245" />
                                </GeometryDrawing.Geometry>
                            </GeometryDrawing>
                            <GeometryDrawing>
                                <GeometryDrawing.Pen>
                                    <Pen
                                        Brush="Blue"
                                        Thickness="5" />
                                </GeometryDrawing.Pen>
                                <GeometryDrawing.Geometry>
                                    <RectangleGeometry Rect="0 50 200 250" />
                                </GeometryDrawing.Geometry>
                            </GeometryDrawing>
                            <GeometryDrawing Geometry="M 0 50 L 100 0 L 200 50" >
                                <GeometryDrawing.Pen>
                                    <Pen
                                        Brush="Blue"
                                        Thickness="5" />
                                </GeometryDrawing.Pen>
                            </GeometryDrawing>
                        </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 엘리먼트 : ImageDrawing/GeometryDrawing 객체를 사용해 이미지 만들기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<Image.Source>

<DrawingImage.Drawing>

<ImageDrawing

Rect="0 50 200 250"

ImageSource="IMAGE/sample.jpg" />

<GeometryDrawing.Pen>

<Pen

Brush="RoyalBlue"

Thickness="5" />

</GeometryDrawing.Pen>

<GeometryDrawing.Geometry>

</GeometryDrawing.Geometry>

</GeometryDrawing>

<GeometryDrawing.Pen>

<Pen

Brush="Blue"

Thickness="5" />

</GeometryDrawing.Pen>

<GeometryDrawing.Geometry>

</GeometryDrawing.Geometry>

</GeometryDrawing>

<GeometryDrawing.Pen>

<Pen

Brush="Blue"

Thickness="5" />

</GeometryDrawing.Pen>

</GeometryDrawing>

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

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

■ DrawingImage 엘리먼트의 Drawing 속성을 사용하는 방법을 보여준다. ▶ 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="DrawingImage 엘리먼트 : Drawing 속성 사용하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <Image Stretch="None">
            <Image.Source>
                <DrawingImage>
                    <DrawingImage.Drawing>
                        <GeometryDrawing Brush="Blue">
                            <GeometryDrawing.Pen>
                                <Pen
                                    Thickness="5"
                                    Brush="Red" />
                            </GeometryDrawing.Pen>
                            <GeometryDrawing.Geometry>
                                <EllipseGeometry
                                    Center="0 0"
                                    RadiusX="50"
                                    RadiusY="50" />
                            </GeometryDrawing.Geometry>
                        </GeometryDrawing>
                    </DrawingImage.Drawing>
                </DrawingImage>
            </Image.Source>
        </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="DrawingImage 엘리먼트 : Drawing 속성 사용하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<Image.Source>

<DrawingImage.Drawing>

<GeometryDrawing.Pen>

<Pen

Thickness="5"

Brush="Red" />

</GeometryDrawing.Pen>

<GeometryDrawing.Geometry>

<EllipseGeometry

Center="0 0"

RadiusX="50"

RadiusY="50" />

</GeometryDrawing.Geometry>

</GeometryDrawing>

</DrawingImage.Drawing>

</DrawingImage>

</Image.Source>

</Image>

</Grid>

</Window>

TestProject.zip

[C#/WPF] DrawingBrush 엘리먼트 사용하기

■ DrawingBrush 엘리먼트를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Page
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Page.Resources>
        <Style TargetType="{x:Type Rectangle}">
            <Setter Property="Margin"          Value="10"    />
            <Setter Property="Width"           Value="150"   />
            <Setter Property="Height"          Value="150"   />
            <Setter Property="Stroke"          Value="Black" />
            <Setter Property="StrokeThickness" Value="1"     />
        </Style>
    </Page.Resources>
    <StackPanel
        Margin="10 10 10 10"
        Orientation="Horizontal"
        VerticalAlignment="Top">
        <Rectangle>
            <Rectangle.Fill>
                <DrawingBrush
                    TileMode="Tile"
                    Viewport="0 0 0.25 0.25">
                    <DrawingBrush.Drawing>
                        <GeometryDrawing
                            Brush="Black"
                            Geometry="M 0 0 L 0 0.5, 0.5 0.5, 0.5 1, 1 1, 1 0.5, 0.5 0.5, 0.5 0" />
                    </DrawingBrush.Drawing>
                </DrawingBrush>
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle>
            <Rectangle.Fill>
                <DrawingBrush
                    TileMode="Tile"
                    Viewport="0 0 1 1">
                    <DrawingBrush.Drawing>
                        <DrawingGroup>
                            <GeometryDrawing Brush="Pink">
                                <GeometryDrawing.Geometry>
                                    <RectangleGeometry Rect="0 0 1 1" />
                                </GeometryDrawing.Geometry>
                            </GeometryDrawing>
                            <GeometryDrawing>
                                <GeometryDrawing.Brush>
                                    <ImageBrush ImageSource="pinkcherries.jpg" />
                                </GeometryDrawing.Brush>
                                <GeometryDrawing.Geometry>
                                    <RectangleGeometry Rect="0 0 0.5 0.5" />
                                </GeometryDrawing.Geometry>
                            </GeometryDrawing>
                            <GeometryDrawing>
                                <GeometryDrawing.Brush>
                                    <ImageBrush ImageSource="pinkcherries.jpg" />
                                </GeometryDrawing.Brush>
                                <GeometryDrawing.Geometry>
                                    <RectangleGeometry Rect="0.5 0.5 0.5 0.5" />
                                </GeometryDrawing.Geometry>
                            </GeometryDrawing>
                        </DrawingGroup>
                    </DrawingBrush.Drawing>
                </DrawingBrush>
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle>
            <Rectangle.Fill>
                <DrawingBrush
                    TileMode="Tile"
                    ViewportUnits="Absolute"
                    Viewport="0 0 10 10">
                    <DrawingBrush.Drawing>
                        <DrawingGroup>
                            <GeometryDrawing Brush="White">
                                <GeometryDrawing.Geometry>
                                    <RectangleGeometry Rect="0 0 1 1" />
                                </GeometryDrawing.Geometry>
                            </GeometryDrawing>
                            <GeometryDrawing
                                Brush="Blue"
                                Geometry="M 0 0 L 0 1, 0.1 1, 0.1 0.1, 1 0.1, 1 0 Z" />
                        </DrawingGroup>
                    </DrawingBrush.Drawing>
                </DrawingBrush>
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle>
            <Rectangle.Fill>
                <DrawingBrush
                    TileMode="Tile"
                    Viewport="0 0 1 1">
                    <DrawingBrush.Drawing>
                        <DrawingGroup>
                            <GeometryDrawing>
                                <GeometryDrawing.Geometry>
                                    <RectangleGeometry Rect="0 0 1 1" />
                                </GeometryDrawing.Geometry>
                                <GeometryDrawing.Brush>
                                    <LinearGradientBrush
                                        StartPoint="0.5 0"
                                        EndPoint="0.5 1">
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Offset="0.0" Color="Blue"       />
                                            <GradientStop Offset="0.5" Color="#9966cc"    />
                                            <GradientStop Offset="1.0" Color="MediumBlue" />
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </GeometryDrawing.Brush>
                            </GeometryDrawing>
                            <GeometryDrawing>
                                <GeometryDrawing.Geometry>
                                    <RectangleGeometry Rect="0 0 1 1" />
                                </GeometryDrawing.Geometry>
                                <GeometryDrawing.Brush>
                                    <RadialGradientBrush GradientOrigin="0.75 0.25">
                                        <RadialGradientBrush.GradientStops>
                                            <GradientStop Offset="0.0" Color="White"       />
                                            <GradientStop Offset="0.5" Color="Transparent" />
                                            <GradientStop Offset="0.9" Color="Transparent" />
                                            <GradientStop Offset="1.0" Color="Yellow"      />
                                        </RadialGradientBrush.GradientStops>
                                    </RadialGradientBrush>
                                </GeometryDrawing.Brush>
                            </GeometryDrawing>
                        </DrawingGroup>
                    </DrawingBrush.Drawing>
                </DrawingBrush>
            </Rectangle.Fill>
        </Rectangle>
    </StackPanel>
</Page>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

<Page

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

<Page.Resources>

</Style>

</Page.Resources>

<StackPanel

Margin="10 10 10 10"

Orientation="Horizontal"

VerticalAlignment="Top">

<Rectangle.Fill>

<DrawingBrush

TileMode="Tile"

Viewport="0 0 0.25 0.25">

<DrawingBrush.Drawing>

<GeometryDrawing

Brush="Black"

Geometry="M 0 0 L 0 0.5, 0.5 0.5, 0.5 1, 1 1, 1 0.5, 0.5 0.5, 0.5 0" />

</DrawingBrush.Drawing>

</DrawingBrush>

</Rectangle.Fill>

</Rectangle>

<Rectangle.Fill>

<DrawingBrush

TileMode="Tile"

Viewport="0 0 1 1">

<DrawingBrush.Drawing>

<GeometryDrawing.Geometry>

</GeometryDrawing.Geometry>

</GeometryDrawing>

<GeometryDrawing.Brush>

</GeometryDrawing.Brush>

<GeometryDrawing.Geometry>

</GeometryDrawing.Geometry>

</GeometryDrawing>

<GeometryDrawing.Brush>

</GeometryDrawing.Brush>

<GeometryDrawing.Geometry>

</GeometryDrawing.Geometry>

</GeometryDrawing>

</DrawingGroup>

</DrawingBrush.Drawing>

</DrawingBrush>

</Rectangle.Fill>

</Rectangle>

<Rectangle.Fill>

<DrawingBrush

TileMode="Tile"

ViewportUnits="Absolute"

Viewport="0 0 10 10">

<DrawingBrush.Drawing>

<GeometryDrawing.Geometry>

</GeometryDrawing.Geometry>

</GeometryDrawing>

<GeometryDrawing

Brush="Blue"

Geometry="M 0 0 L 0 1, 0.1 1, 0.1 0.1, 1 0.1, 1 0 Z" />

</DrawingGroup>

</DrawingBrush.Drawing>

</DrawingBrush>

</Rectangle.Fill>

</Rectangle>

<Rectangle.Fill>

<DrawingBrush

TileMode="Tile"

Viewport="0 0 1 1">

<DrawingBrush.Drawing>

<GeometryDrawing.Geometry>

</GeometryDrawing.Geometry>

<GeometryDrawing.Brush>

<LinearGradientBrush

StartPoint="0.5 0"

EndPoint="0.5 1">

<LinearGradientBrush.GradientStops>

</LinearGradientBrush.GradientStops>

</LinearGradientBrush>

</GeometryDrawing.Brush>

</GeometryDrawing>

<GeometryDrawing.Geometry>

</GeometryDrawing.Geometry>

<GeometryDrawing.Brush>

<RadialGradientBrush.GradientStops>

</RadialGradientBrush.GradientStops>

</RadialGradientBrush>

</GeometryDrawing.Brush>

</GeometryDrawing>

</DrawingGroup>

</DrawingBrush.Drawing>

</DrawingBrush>

</Rectangle.Fill>

</Rectangle>

</StackPanel>

</Page>

pinkcherries.jpg

[C#/WPF] DrawingVisual 클래스 : 라운드 사각형 이미지 구하기

■ DrawingVisual 클래스를 사용해 라운드 사각형 이미지를 구하는 방법을 보여준다. ▶ 예제 코드 (C#)


using System.Windows.Media;

#region 라운드 사각형 드로잉 비주얼 객체 구하기 - GetRoundedRectangleDrawingVisual(width, height)

/// <summary>
/// 라운드 사각형 드로잉 비주얼 객체 구하기
/// </summary>
/// <param name="width">너비</param>
/// <param name="height">높이</param>
/// <returns>라운드 사각형 드로잉 비주얼 객체</returns>
public DrawingVisual GetRoundedRectangleDrawingVisual(double width, double height)
{
    DrawingVisual drawingVisual = new DrawingVisual();

    DrawingContext drawingContext = drawingVisual.RenderOpen();

    double penWidth = 10d;

    drawingContext.DrawRoundedRectangle
    (
        Brushes.Blue,
        new Pen(Brushes.Red, penWidth),
        new Rect(penWidth / 2d, penWidth / 2d, width - penWidth, height - penWidth),
        penWidth,
        penWidth
    );

    drawingContext.Close();

    return drawingVisual;
}

#endregion

using System.Windows.Media;

#region 라운드 사각형 드로잉 비주얼 객체 구하기 - GetRoundedRectangleDrawingVisual(width, height)

/// <summary>

/// 라운드 사각형 드로잉 비주얼 객체 구하기

/// </summary>

/// <param name="width">너비</param>

/// <param name="height">높이</param>

/// <returns>라운드 사각형 드로잉 비주얼 객체</returns>

public DrawingVisual GetRoundedRectangleDrawingVisual(double width, double height)

{

DrawingVisual drawingVisual = new DrawingVisual();

DrawingContext drawingContext = drawingVisual.RenderOpen();

double penWidth = 10d;

drawingContext.DrawRoundedRectangle

(

Brushes.Blue,

new Pen(Brushes.Red, penWidth),

new Rect(penWidth / 2d, penWidth / 2d, width - penWidth, height - penWidth),

penWidth,

penWidth

);

drawingContext.Close();

return drawingVisual;

}

#endregion

[C#/WPF] RenderTargetBitmap 클래스 : DrawingVisual 객체에서 비트맵 구하기

■ RenderTargetBitmap 클래스의 Render 메소드를 사용해 DrawingVisual 객체에서 비트맵을 구하는 방법을 보여준다. ▶ 예제 코드 (C#)


using System.Windows.Media;
using System.Windows.Media.Imaging;

#region RenderTargetBitmap 객체 구하기 - GetRenderTargetBitmap(drawingVisual, pixelWidth, pixelHeight, dpiX, dpiY)

/// <summary>
/// RenderTargetBitmap 객체 구하기
/// </summary>
/// <param name="drawingVisual">드로잉 비주얼</param>
/// <param name="pixelWidth">픽셀 너비</param>
/// <param name="pixelHeight">픽셀 높이</param>
/// <param name="dpiX">DPI X</param>
/// <param name="dpiY">DPI Y</param>
/// <returns>비트맵</returns>
public RenderTargetBitmap GetRenderTargetBitmap
(
    DrawingVisual drawingVisual,
    int           pixelWidth,
    int           pixelHeight,
    double        dpiX,
    double        dpiY
)
{
    RenderTargetBitmap renderTargetBitmap = new RenderTargetBitmap
    (
        pixelWidth,
        pixelHeight,
        dpiX,
        dpiY,
        PixelFormats.Pbgra32
    );

    renderTargetBitmap.Render(drawingVisual);

    return renderTargetBitmap;
}

#endregion

using System.Windows.Media;

using System.Windows.Media.Imaging;

#region RenderTargetBitmap 객체 구하기 - GetRenderTargetBitmap(drawingVisual, pixelWidth, pixelHeight, dpiX, dpiY)

/// <summary>

/// RenderTargetBitmap 객체 구하기

/// </summary>

/// <param name="drawingVisual">드로잉 비주얼</param>

/// <param name="pixelWidth">픽셀 너비</param>

/// <param name="pixelHeight">픽셀 높이</param>

/// <param name="dpiX">DPI X</param>

/// <param name="dpiY">DPI Y</param>

/// <returns>비트맵</returns>

public RenderTargetBitmap GetRenderTargetBitmap

(

DrawingVisual drawingVisual,

int pixelWidth,

int pixelHeight,

double dpiX,

double dpiY

)

{

RenderTargetBitmap renderTargetBitmap = new RenderTargetBitmap

(

pixelWidth,

pixelHeight,

dpiX,

dpiY,

PixelFormats.Pbgra32

);

renderTargetBitmap.Render(drawingVisual);

return renderTargetBitmap;

}

#endregion