IMAGE Archives - 18 중 3 번째 페이지

[C#/WPF] TiffBitmapEncoder 클래스 : TIFF 파일 생성하기

■ TiffBitmapEncoder 클래스를 사용해 TIFF 파일을 생성하는 방법을 보여준다. ▶ 예제 코드 (C#)


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

int    width          = 128;
int    height         = width;
int    stride         = width / 8;
byte[] pixelByteArray = new byte[height * stride];

BitmapPalette bitmapPalette = BitmapPalettes.WebPalette;

BitmapSource bitmapSource = BitmapSource.Create
(
    width,
    height,
    96,
    96,
    PixelFormats.Indexed1,
    bitmapPalette,
    pixelByteArray,
    stride
);

FileStream stream = new FileStream("target.tif", FileMode.Create);

TiffBitmapEncoder encoder = new TiffBitmapEncoder();

encoder.Compression = TiffCompressOption.Zip;

encoder.Frames.Add(BitmapFrame.Create(bitmapSource));

encoder.Save(stream);

using System.IO;

using System.Windows.Media;

using System.Windows.Media.Imaging;

int width = 128;

int height = width;

int stride = width / 8;

byte[] pixelByteArray = new byte[height * stride];

BitmapPalette bitmapPalette = BitmapPalettes.WebPalette;

BitmapSource bitmapSource = BitmapSource.Create

(

width,

height,

96,

PixelFormats.Indexed1,

bitmapPalette,

pixelByteArray,

stride

);

FileStream stream = new FileStream("target.tif", FileMode.Create);

TiffBitmapEncoder encoder = new TiffBitmapEncoder();

encoder.Compression = TiffCompressOption.Zip;

encoder.Frames.Add(BitmapFrame.Create(bitmapSource));

encoder.Save(stream);

[C#/WPF] PngBitmapDecoder 클래스 : PNG 파일 로드하기

■ PngBitmapDecoder 클래스를 사용해 PNG 파일을 로드하는 방법을 보여준다. ▶ 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="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <StackPanel Name="stackPanel"
        HorizontalAlignment="Center"
        VerticalAlignment="Center" />
</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="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

<StackPanel Name="stackPanel"

HorizontalAlignment="Center"

VerticalAlignment="Center" />

</Window>

▶ MainWindow.xaml.cs


using System;
using System.IO;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;
using System.Windows.Media.Imaging;

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public partial class MainWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainWindow()
        {
            InitializeComponent();

            FileStream imageStreamSource = new FileStream("IMAGE\\smiley.png", FileMode.Open, FileAccess.Read, FileShare.Read);

            PngBitmapDecoder decoder1 = new PngBitmapDecoder
            (
                imageStreamSource,
                BitmapCreateOptions.PreservePixelFormat,
                BitmapCacheOption.Default
            );

            BitmapSource bitmapSource1 = decoder1.Frames[0];

            Image image1 = new Image
            {
                Margin  = new Thickness(20),
                Stretch = Stretch.None,
                Source  = bitmapSource1
            };

            Uri uri = new Uri("IMAGE\\smiley.png", UriKind.RelativeOrAbsolute);

            PngBitmapDecoder decoder2 = new PngBitmapDecoder
            (
                uri,
                BitmapCreateOptions.PreservePixelFormat,
                BitmapCacheOption.Default
            );

            BitmapSource bitmapSource2 = decoder2.Frames[0];

            Image image2 = new Image
            {
                Margin  = new Thickness(20),
                Stretch = Stretch.None,
                Source  = bitmapSource2
            };

            this.stackPanel.Children.Add(image1);
            this.stackPanel.Children.Add(image2);
        }

        #endregion
    }
}

using System;

using System.IO;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Media;

using System.Windows.Media.Imaging;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

FileStream imageStreamSource = new FileStream("IMAGE\\smiley.png", FileMode.Open, FileAccess.Read, FileShare.Read);

PngBitmapDecoder decoder1 = new PngBitmapDecoder

(

imageStreamSource,

BitmapCreateOptions.PreservePixelFormat,

BitmapCacheOption.Default

);

BitmapSource bitmapSource1 = decoder1.Frames[0];

Image image1 = new Image

{

Margin = new Thickness(20),

Stretch = Stretch.None,

Source = bitmapSource1

};

Uri uri = new Uri("IMAGE\\smiley.png", UriKind.RelativeOrAbsolute);

PngBitmapDecoder decoder2 = new PngBitmapDecoder

(

uri,

BitmapCreateOptions.PreservePixelFormat,

BitmapCacheOption.Default

);

BitmapSource bitmapSource2 = decoder2.Frames[0];

Image image2 = new Image

{

Margin = new Thickness(20),

Stretch = Stretch.None,

Source = bitmapSource2

};

this.stackPanel.Children.Add(image1);

this.stackPanel.Children.Add(image2);

}

#endregion

}

TestProject.zip

[C#/WPF] PngBitmapEncoder 클래스 : PNG 파일 생성하기

■ PngBitmapEncoder 클래스를 사용해 PNG 파일을 생성하는 방법을 보여준다. ▶ 예제 코드 (C#)


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

int    width          = 128;
int    height         = 128;
int    stride         = width;
byte[] pixelByteArray = new byte[width * stride];

BitmapPalette bitmapPalette = BitmapPalettes.Halftone256;

BitmapSource bitmapSource = BitmapSource.Create
(
    width,
    height,
    96,
    96,
    PixelFormats.Indexed8,
    bitmapPalette,
    pixelByteArray,
    stride
);

FileStream stream = new FileStream("target.png", FileMode.Create);

PngBitmapEncoder encoder = new PngBitmapEncoder();

encoder.Interlace = PngInterlaceOption.On;

encoder.Frames.Add(BitmapFrame.Create(bitmapSource));

encoder.Save(stream);

using System.IO;

using System.Windows.Media;

using System.Windows.Media.Imaging;

int width = 128;

int height = 128;

int stride = width;

byte[] pixelByteArray = new byte[width * stride];

BitmapPalette bitmapPalette = BitmapPalettes.Halftone256;

BitmapSource bitmapSource = BitmapSource.Create

(

width,

height,

96,

PixelFormats.Indexed8,

bitmapPalette,

pixelByteArray,

stride

);

FileStream stream = new FileStream("target.png", FileMode.Create);

PngBitmapEncoder encoder = new PngBitmapEncoder();

encoder.Interlace = PngInterlaceOption.On;

encoder.Frames.Add(BitmapFrame.Create(bitmapSource));

encoder.Save(stream);

[C#/WPF] JpegBitmapDecoder 클래스 : JPG 파일 로드하기

■ JpegBitmapDecoder 클래스를 사용해 JPG 파일을 로드하는 방법을 보여준다. ▶ 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="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <ScrollViewer>
        <StackPanel Name="stackPanel" />
    </ScrollViewer>
</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="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

</ScrollViewer>

</Window>

▶ MainWindow.xaml.cs


using System;
using System.IO;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;
using System.Windows.Media.Imaging;

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public partial class MainWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainWindow()
        {
            InitializeComponent();

            FileStream stream = new FileStream("IMAGE\\tulipfarm.jpg", FileMode.Open, FileAccess.Read, FileShare.Read);

            JpegBitmapDecoder decoder1 = new JpegBitmapDecoder
            (
                stream,
                BitmapCreateOptions.PreservePixelFormat,
                BitmapCacheOption.Default
            );

            BitmapSource bitmapSource1 = decoder1.Frames[0];

            Image image1 = new Image
            {
                Margin  = new Thickness(20),
                Stretch = Stretch.None,
                Source  = bitmapSource1
            };

            Uri uri = new Uri("IMAGE\\tulipfarm.jpg", UriKind.RelativeOrAbsolute);

            JpegBitmapDecoder decoder2 = new JpegBitmapDecoder
            (
                uri,
                BitmapCreateOptions.PreservePixelFormat,
                BitmapCacheOption.Default
            );

            BitmapSource bitmapSource2 = decoder2.Frames[0];

            Image image2 = new Image
            {
                Margin  = new Thickness(20),
                Stretch = Stretch.None,
                Source  = bitmapSource2
            };

            this.stackPanel.Children.Add(image1);
            this.stackPanel.Children.Add(image2);
        }

        #endregion
    }
}

using System;

using System.IO;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Media;

using System.Windows.Media.Imaging;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

FileStream stream = new FileStream("IMAGE\\tulipfarm.jpg", FileMode.Open, FileAccess.Read, FileShare.Read);

JpegBitmapDecoder decoder1 = new JpegBitmapDecoder

(

stream,

BitmapCreateOptions.PreservePixelFormat,

BitmapCacheOption.Default

);

BitmapSource bitmapSource1 = decoder1.Frames[0];

Image image1 = new Image

{

Margin = new Thickness(20),

Stretch = Stretch.None,

Source = bitmapSource1

};

Uri uri = new Uri("IMAGE\\tulipfarm.jpg", UriKind.RelativeOrAbsolute);

JpegBitmapDecoder decoder2 = new JpegBitmapDecoder

(

uri,

BitmapCreateOptions.PreservePixelFormat,

BitmapCacheOption.Default

);

BitmapSource bitmapSource2 = decoder2.Frames[0];

Image image2 = new Image

{

Margin = new Thickness(20),

Stretch = Stretch.None,

Source = bitmapSource2

};

this.stackPanel.Children.Add(image1);

this.stackPanel.Children.Add(image2);

}

#endregion

}

TestProject.zip

[C#/WPF] JpegBitmapEncoder 클래스 : JPG 파일 생성하기

■ JpegBitmapEncoder 클래스를 사용해 JPG 파일을 생성하는 방법을 보여준다. ▶ 예제 코드 (C#)


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

int    width          = 128;
int    height         = width;
int    stride         = width / 8;
byte[] pixelByteArray = new byte[height * stride];

BitmapPalette bitmapPalette = BitmapPalettes.Halftone256;

BitmapSource bitmapSource = BitmapSource.Create
(
    width,
    height,
    96,
    96,
    PixelFormats.Indexed1,
    bitmapPalette,
    pixelByteArray,
    stride
);

FileStream stream = new FileStream("target.jpg", FileMode.Create);

JpegBitmapEncoder encoder = new JpegBitmapEncoder();

encoder.FlipHorizontal = true;
encoder.FlipVertical   = false;
encoder.QualityLevel   = 30;
encoder.Rotation       = Rotation.Rotate90;

encoder.Frames.Add(BitmapFrame.Create(bitmapSource));

encoder.Save(stream);

using System.IO;

using System.Windows.Media;

using System.Windows.Media.Imaging;

int width = 128;

int height = width;

int stride = width / 8;

byte[] pixelByteArray = new byte[height * stride];

BitmapPalette bitmapPalette = BitmapPalettes.Halftone256;

BitmapSource bitmapSource = BitmapSource.Create

(

width,

height,

96,

PixelFormats.Indexed1,

bitmapPalette,

pixelByteArray,

stride

);

FileStream stream = new FileStream("target.jpg", FileMode.Create);

JpegBitmapEncoder encoder = new JpegBitmapEncoder();

encoder.FlipHorizontal = true;

encoder.FlipVertical = false;

encoder.QualityLevel = 30;

encoder.Rotation = Rotation.Rotate90;

encoder.Frames.Add(BitmapFrame.Create(bitmapSource));

encoder.Save(stream);

[C#/WPF] GifBitmapDecoder 클래스 : GIF 파일 로드하기

■ GifBitmapDecoder 클래스를 사용해 GIF 파일을 로드하는 방법을 보여준다. ▶ 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="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <ScrollViewer>
        <StackPanel Name="stackPanel" />
    </ScrollViewer>
</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="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

</ScrollViewer>

</Window>

▶ MainWindow.xaml.cs


using System;
using System.IO;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;
using System.Windows.Media.Imaging;

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public partial class MainWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainWindow()
        {
            InitializeComponent();

            FileStream stream = new FileStream("IMAGE\\tulipfarm.gif", FileMode.Open, FileAccess.Read, FileShare.Read);

            GifBitmapDecoder decoder1 = new GifBitmapDecoder
            (
                stream,
                BitmapCreateOptions.PreservePixelFormat,
                BitmapCacheOption.Default
            );

            BitmapSource bitmapSource1 = decoder1.Frames[0];

            Image image1 = new Image
            {
                Margin  = new Thickness(20),
                Stretch = Stretch.None,
                Source  = bitmapSource1
            };

            Uri uri = new Uri("IMAGE\\tulipfarm.gif", UriKind.RelativeOrAbsolute);

            GifBitmapDecoder decoder2 = new GifBitmapDecoder
            (
                uri,
                BitmapCreateOptions.PreservePixelFormat,
                BitmapCacheOption.Default
            );

            BitmapSource bitmapSource2 = decoder2.Frames[0];

            Image image2 = new Image
            {
                Margin  = new Thickness(20),
                Stretch = Stretch.None,
                Source  = bitmapSource2
            };

            this.stackPanel.Children.Add(image1);
            this.stackPanel.Children.Add(image2);
        }

        #endregion
    }
}

using System;

using System.IO;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Media;

using System.Windows.Media.Imaging;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

FileStream stream = new FileStream("IMAGE\\tulipfarm.gif", FileMode.Open, FileAccess.Read, FileShare.Read);

GifBitmapDecoder decoder1 = new GifBitmapDecoder

(

stream,

BitmapCreateOptions.PreservePixelFormat,

BitmapCacheOption.Default

);

BitmapSource bitmapSource1 = decoder1.Frames[0];

Image image1 = new Image

{

Margin = new Thickness(20),

Stretch = Stretch.None,

Source = bitmapSource1

};

Uri uri = new Uri("IMAGE\\tulipfarm.gif", UriKind.RelativeOrAbsolute);

GifBitmapDecoder decoder2 = new GifBitmapDecoder

(

uri,

BitmapCreateOptions.PreservePixelFormat,

BitmapCacheOption.Default

);

BitmapSource bitmapSource2 = decoder2.Frames[0];

Image image2 = new Image

{

Margin = new Thickness(20),

Stretch = Stretch.None,

Source = bitmapSource2

};

this.stackPanel.Children.Add(image1);

this.stackPanel.Children.Add(image2);

}

#endregion

}

TestProject.zip

[C#/WPF] BmpBitmapEncoder 클래스 : BMP 파일 생성하기

■ BmpBitmapEncoder 클래스를 사용해 BMP 파일을 생성하는 방법을 보여준다. ▶ 예제 코드 (C#)


using System.Collections.Generic;
using System.IO;
using System.Windows.Media;
using System.Windows.Media.Imaging;

int    width          = 128;
int    height         = width;
int    stride         = width / 8;
byte[] pixelByteArray = new byte[height * stride];

List<Color> colorList = new List<Color>
{
    Colors.Red,
    Colors.Blue,
    Colors.Green
};

BitmapPalette bitmapPalette = new BitmapPalette(colorList);

BitmapSource bitmapSource1 = BitmapSource.Create
(
    width,
    height,
    96,
    96,
    PixelFormats.Indexed1,
    bitmapPalette,
    pixelByteArray,
    stride
);

FileStream stream = new FileStream("target.bmp", FileMode.Create);

BmpBitmapEncoder encoder = new BmpBitmapEncoder();

encoder.Frames.Add(BitmapFrame.Create(bitmapSource1));

encoder.Save(stream);

using System.Collections.Generic;

using System.IO;

using System.Windows.Media;

using System.Windows.Media.Imaging;

int width = 128;

int height = width;

int stride = width / 8;

byte[] pixelByteArray = new byte[height * stride];

List<Color> colorList = new List<Color>

{

Colors.Red,

Colors.Blue,

Colors.Green

};

BitmapPalette bitmapPalette = new BitmapPalette(colorList);

BitmapSource bitmapSource1 = BitmapSource.Create

(

width,

height,

96,

PixelFormats.Indexed1,

bitmapPalette,

pixelByteArray,

stride

);

FileStream stream = new FileStream("target.bmp", FileMode.Create);

BmpBitmapEncoder encoder = new BmpBitmapEncoder();

encoder.Frames.Add(BitmapFrame.Create(bitmapSource1));

encoder.Save(stream);

[C#/WPF] GifBitmapEncoder 클래스 : GIF 파일 생성하기

■ GifBitmapEncoder 클래스를 사용해 GIF 파일을 생성하는 방법을 보여준다. ▶ 예제 코드 (C#)


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

int    width          = 128;
int    height         = width;
int    stride         = width / 8;
byte[] pixelByteArray = new byte[height * stride];

BitmapPalette bitmapPalette = BitmapPalettes.WebPalette;

BitmapSource bitmapSource = BitmapSource.Create
(
    width,
    height,
    96,
    96,
    PixelFormats.Indexed1,
    bitmapPalette,
    pixelByteArray,
    stride
);

FileStream stream = new FileStream("target.gif", FileMode.Create);

GifBitmapEncoder encoder = new GifBitmapEncoder();

encoder.Frames.Add(BitmapFrame.Create(bitmapSource));

encoder.Save(stream);

using System.IO;

using System.Windows.Media.Imaging;

using System.Windows.Media;

int width = 128;

int height = width;

int stride = width / 8;

byte[] pixelByteArray = new byte[height * stride];

BitmapPalette bitmapPalette = BitmapPalettes.WebPalette;

BitmapSource bitmapSource = BitmapSource.Create

(

width,

height,

96,

PixelFormats.Indexed1,

bitmapPalette,

pixelByteArray,

stride

);

FileStream stream = new FileStream("target.gif", FileMode.Create);

GifBitmapEncoder encoder = new GifBitmapEncoder();

encoder.Frames.Add(BitmapFrame.Create(bitmapSource));

encoder.Save(stream);

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

■ Image 엘리먼트의 Clip 속성을 사용하는 방법을 보여준다. ▶ 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="700"
    Title="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Window.Resources>
        <ImageBrush x:Key="BackgroundImageBrushKey"
            ViewportUnits="Absolute"
            Viewport="0 0 200 256"
            Opacity="0.10"
            TileMode="Tile"
            ImageSource="IMAGE\scissors.jpg" />
    </Window.Resources>
    <StackPanel
        HorizontalAlignment="Center"
        VerticalAlignment="Center"
        Orientation="Horizontal"
        Background="{StaticResource BackgroundImageBrushKey}">
        <StackPanel Margin="10">
            <TextBlock Margin="0 0 0 10">No Clip</TextBlock>
            <Image
                Width="200"
                Height="150"
                Source="IMAGE\Waterlilies.jpg" />
            <TextBlock Margin="0 30 0 10">Triangular Clip Example</TextBlock>
            <Image
                Width="200"
                Height="150"
                Clip="M 0 150 L 100 0 200 150 Z"
                Source="IMAGE\Waterlilies.jpg" />
            <TextBlock Margin="0 30 0 10">Elliptical Clip Example</TextBlock>
            <Image
                Width="200"
                Height="150"
                Source="IMAGE\Waterlilies.jpg">
                <Image.Clip>
                    <EllipseGeometry
                        Center="100 75"
                        RadiusX="100"
                        RadiusY="75" />
                </Image.Clip>
            </Image>
        </StackPanel>
        <StackPanel Margin="10">
            <TextBlock Margin="0 0 0 10">Animated Clip Examples</TextBlock>
            <Image
                Width="200"
                Height="150"
                Source="IMAGE\Waterlilies.jpg">
                <Image.Clip>
                    <EllipseGeometry x:Name="ellipseGeometry1"
                        Center="100 75"
                        RadiusX="100"
                        RadiusY="75" />
                </Image.Clip>
                <Image.Triggers>
                    <EventTrigger RoutedEvent="Image.Loaded">
                        <BeginStoryboard>
                            <Storyboard>
                                <PointAnimation
                                    Storyboard.TargetName="ellipseGeometry1"
                                    Storyboard.TargetProperty="(EllipseGeometry.Center)"
                                    Duration="00:00:03"
                                    From="0 0"
                                    To="200 150"
                                    RepeatBehavior="Forever"
                                    AutoReverse="True" />
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger>
                </Image.Triggers>
            </Image>
            <Image
                Margin="0 10 0 0"
                Width="200"
                Height="150"
                Source="IMAGE\Waterlilies.jpg">
                <Image.Clip>
                    <EllipseGeometry x:Name="ellipseGeometry2"
                        Center="100 75"
                        RadiusX="100"
                        RadiusY="75" />
                </Image.Clip>
                <Image.Triggers>
                    <EventTrigger RoutedEvent="Image.Loaded">
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimation
                                    Storyboard.TargetName="ellipseGeometry2"
                                    Storyboard.TargetProperty="(EllipseGeometry.RadiusX)"
                                    Duration="00:00:03"
                                    From="0"
                                    To="150"
                                    RepeatBehavior="Forever"
                                    AutoReverse="True" />
                                <DoubleAnimation
                                    Storyboard.TargetName="ellipseGeometry2"
                                    Storyboard.TargetProperty="(EllipseGeometry.RadiusY)"
                                    Duration="00:00:03"
                                    From="0"
                                    To="150"
                                    RepeatBehavior="Forever"
                                    AutoReverse="True" />
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger>
                </Image.Triggers>
            </Image>
        </StackPanel>
    </StackPanel>
</Window>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

<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="700"

Title="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

<Window.Resources>

<ImageBrush x:Key="BackgroundImageBrushKey"

ViewportUnits="Absolute"

Viewport="0 0 200 256"

Opacity="0.10"

TileMode="Tile"

ImageSource="IMAGE\scissors.jpg" />

</Window.Resources>

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center"

Orientation="Horizontal"

Background="{StaticResource BackgroundImageBrushKey}">

<Image

Width="200"

Height="150"

Source="IMAGE\Waterlilies.jpg" />

<TextBlock Margin="0 30 0 10">Triangular Clip Example</TextBlock>

<Image

Width="200"

Height="150"

Clip="M 0 150 L 100 0 200 150 Z"

Source="IMAGE\Waterlilies.jpg" />

<TextBlock Margin="0 30 0 10">Elliptical Clip Example</TextBlock>

<Image

Width="200"

Height="150"

Source="IMAGE\Waterlilies.jpg">

<Image.Clip>

<EllipseGeometry

Center="100 75"

RadiusX="100"

RadiusY="75" />

</Image.Clip>

</Image>

</StackPanel>

<TextBlock Margin="0 0 0 10">Animated Clip Examples</TextBlock>

<Image

Width="200"

Height="150"

Source="IMAGE\Waterlilies.jpg">

<Image.Clip>

<EllipseGeometry x:Name="ellipseGeometry1"

Center="100 75"

RadiusX="100"

RadiusY="75" />

</Image.Clip>

<Image.Triggers>

<PointAnimation

Storyboard.TargetName="ellipseGeometry1"

Storyboard.TargetProperty="(EllipseGeometry.Center)"

Duration="00:00:03"

From="0 0"

To="200 150"

RepeatBehavior="Forever"

AutoReverse="True" />

</Storyboard>

</BeginStoryboard>

</EventTrigger>

</Image.Triggers>

</Image>

<Image

Margin="0 10 0 0"

Width="200"

Height="150"

Source="IMAGE\Waterlilies.jpg">

<Image.Clip>

<EllipseGeometry x:Name="ellipseGeometry2"

Center="100 75"

RadiusX="100"

RadiusY="75" />

</Image.Clip>

<Image.Triggers>

<DoubleAnimation

Storyboard.TargetName="ellipseGeometry2"

Storyboard.TargetProperty="(EllipseGeometry.RadiusX)"

Duration="00:00:03"

From="0"

To="150"

RepeatBehavior="Forever"

AutoReverse="True" />

<DoubleAnimation

Storyboard.TargetName="ellipseGeometry2"

Storyboard.TargetProperty="(EllipseGeometry.RadiusY)"

Duration="00:00:03"

From="0"

To="150"

RepeatBehavior="Forever"

AutoReverse="True" />

</Storyboard>

</BeginStoryboard>

</EventTrigger>

</Image.Triggers>

</Image>

</StackPanel>

</Window>

TestProject.zip

[C#/WPF] ImageDrawing 엘리먼트 : Rect/ImageSource 속성을 사용해 이미지 드로잉 그리기

■ ImageDrawing 엘리먼트의 Rect/ImageSource 속성을 사용해 이미지 드로잉을 그리는 방법을 보여준다. ▶ 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"
    xmlns:options="http://schemas.microsoft.com/winfx/2006/xaml/presentation/options"
    Width="800"
    Height="600"
    Title="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Border
        HorizontalAlignment="Center"
        VerticalAlignment="Center"
        BorderThickness="3"
        BorderBrush="Gray">
        <Image Stretch="None">
            <Image.Source>
                <DrawingImage options:Freeze="True">
                    <DrawingImage.Drawing>
                        <DrawingGroup>
                            <ImageDrawing
                                Rect="75 75 100 100"
                                ImageSource="IMAGE\kiwi.png" />
                            <ImageDrawing
                                Rect="0 150 25 25"
                                ImageSource="IMAGE\kiwi.png" />
                            <ImageDrawing
                                Rect="150 0 25 25"
                                ImageSource="IMAGE\kiwi.png" />
                            <ImageDrawing
                                Rect="0 0 75 75"
                                ImageSource="IMAGE\wholekiwi.png" />
                        </DrawingGroup>
                    </DrawingImage.Drawing>
                </DrawingImage>
            </Image.Source>
        </Image>
    </Border>
</Window>

<Window x:Class="TestProject.MainWindow"

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

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

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

Width="800"

Height="600"

Title="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

<Border

HorizontalAlignment="Center"

VerticalAlignment="Center"

BorderThickness="3"

BorderBrush="Gray">

<Image.Source>

<DrawingImage.Drawing>

<ImageDrawing

Rect="75 75 100 100"

ImageSource="IMAGE\kiwi.png" />

<ImageDrawing

Rect="0 150 25 25"

ImageSource="IMAGE\kiwi.png" />

<ImageDrawing

Rect="150 0 25 25"

ImageSource="IMAGE\kiwi.png" />

<ImageDrawing

Rect="0 0 75 75"

ImageSource="IMAGE\wholekiwi.png" />

</DrawingGroup>

</DrawingImage.Drawing>

</DrawingImage>

</Image.Source>

</Image>

</Border>

</Window>

TestProject.zip

[C#/WPF] ImageBrush 엘리먼트 : Transform/RelativeTransform 속성을 사용해 이미지 브러시 만들기

■ ImageBrush 엘리먼트의 Transform/RelativeTransform 속성을 사용해 이미지 브러시를 만드는 방법을 보여준다. ▶ 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="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <StackPanel
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <TextBlock
            HorizontalAlignment="Left"
            Text="Normal Image" />
        <Rectangle
            HorizontalAlignment="Left"
            Width="175"
            Height="90"
            Stroke="Black">
            <Rectangle.Fill>
                <ImageBrush ImageSource="IMAGE\pinkcherries.jpg" />
            </Rectangle.Fill>
        </Rectangle>
        <TextBlock
            HorizontalAlignment="Left"
            Margin="0 10 0 0"
            Text="Transform Image" />
        <Rectangle
            HorizontalAlignment="Left"
            Width="175"
            Height="90"
            Stroke="Black">
            <Rectangle.Fill>
                <ImageBrush ImageSource="IMAGE\pinkcherries.jpg">
                    <ImageBrush.Transform>
                        <RotateTransform
                            CenterX="87.5"
                            CenterY="45"
                            Angle="45" />
                    </ImageBrush.Transform>
                </ImageBrush>
            </Rectangle.Fill>
        </Rectangle>
        <TextBlock
            HorizontalAlignment="Left"
            Margin="0 10 0 0"
            Text="RelativeTransform Image" />
        <Rectangle
            HorizontalAlignment="Left"
            Width="175"
            Height="90"
            Stroke="Black">
            <Rectangle.Fill>
                <ImageBrush ImageSource="IMAGE\pinkcherries.jpg">
                    <ImageBrush.RelativeTransform>
                        <RotateTransform
                            CenterX="0.5"
                            CenterY="0.5"
                            Angle="45" />
                    </ImageBrush.RelativeTransform>
                </ImageBrush>
            </Rectangle.Fill>
        </Rectangle>
    </StackPanel>
</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="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center">

<TextBlock

HorizontalAlignment="Left"

Text="Normal Image" />

<Rectangle

HorizontalAlignment="Left"

Width="175"

Height="90"

Stroke="Black">

<Rectangle.Fill>

</Rectangle.Fill>

</Rectangle>

<TextBlock

HorizontalAlignment="Left"

Margin="0 10 0 0"

Text="Transform Image" />

<Rectangle

HorizontalAlignment="Left"

Width="175"

Height="90"

Stroke="Black">

<Rectangle.Fill>

<ImageBrush.Transform>

<RotateTransform

CenterX="87.5"

CenterY="45"

Angle="45" />

</ImageBrush.Transform>

</ImageBrush>

</Rectangle.Fill>

</Rectangle>

<TextBlock

HorizontalAlignment="Left"

Margin="0 10 0 0"

Text="RelativeTransform Image" />

<Rectangle

HorizontalAlignment="Left"

Width="175"

Height="90"

Stroke="Black">

<Rectangle.Fill>

<ImageBrush.RelativeTransform>

<RotateTransform

CenterX="0.5"

CenterY="0.5"

Angle="45" />

</ImageBrush.RelativeTransform>

</ImageBrush>

</Rectangle.Fill>

</Rectangle>

</StackPanel>

</Window>

TestProject.zip

[C#/WPF] ImageBrush 클래스 : Stretch 속성을 사용해 이미지 종횡비를 유지하는 이미지 브러시 만들기

■ ImageBrush 클래스의 Stretch 속성을 사용해 이미지 종횡비를 유지하는 이미지 브러시를 만드는 방법을 보여준다. ▶ 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="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
</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="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

</Window>

▶ MainWindow.xaml.cs


using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Media.Imaging;
using System.Windows.Media;
using System.Windows.Shapes;

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public partial class MainWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainWindow()
        {
            InitializeComponent();

            ImageBrush imageBrush1 = new ImageBrush();

            imageBrush1.Stretch     = Stretch.Uniform;
            imageBrush1.ImageSource = new BitmapImage(new Uri("IMAGE\\square.jpg", UriKind.Relative));

            imageBrush1.Freeze();

            Rectangle rectangle1 = new Rectangle();

            rectangle1.Width           = 300;
            rectangle1.Height          = 150;
            rectangle1.StrokeThickness = 1.0;
            rectangle1.Stroke          = Brushes.MediumBlue;
            rectangle1.Fill            = imageBrush1;

            ImageBrush imageBrush2 = new ImageBrush();

            imageBrush2.Stretch     = Stretch.UniformToFill;
            imageBrush2.ImageSource = new BitmapImage(new Uri("IMAGE\\square.jpg", UriKind.Relative));

            imageBrush2.Freeze();

            Rectangle rectangle2 = new Rectangle();

            rectangle2.Margin          = new Thickness(0, 10, 0, 0);
            rectangle2.Width           = 300;
            rectangle2.Height          = 150;
            rectangle2.StrokeThickness = 1.0;
            rectangle2.Stroke          = Brushes.MediumBlue;
            rectangle2.Fill            = imageBrush2;

            StackPanel stackPanel = new StackPanel();

            stackPanel.HorizontalAlignment = HorizontalAlignment.Center;
            stackPanel.VerticalAlignment   = VerticalAlignment.Center;

            stackPanel.Children.Add(rectangle1);
            stackPanel.Children.Add(rectangle2);

            Content = stackPanel;
        }

        #endregion
    }
}

using System;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Media.Imaging;

using System.Windows.Media;

using System.Windows.Shapes;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

ImageBrush imageBrush1 = new ImageBrush();

imageBrush1.Stretch = Stretch.Uniform;

imageBrush1.ImageSource = new BitmapImage(new Uri("IMAGE\\square.jpg", UriKind.Relative));

imageBrush1.Freeze();

Rectangle rectangle1 = new Rectangle();

rectangle1.Width = 300;

rectangle1.Height = 150;

rectangle1.StrokeThickness = 1.0;

rectangle1.Stroke = Brushes.MediumBlue;

rectangle1.Fill = imageBrush1;

ImageBrush imageBrush2 = new ImageBrush();

imageBrush2.Stretch = Stretch.UniformToFill;

imageBrush2.ImageSource = new BitmapImage(new Uri("IMAGE\\square.jpg", UriKind.Relative));

imageBrush2.Freeze();

Rectangle rectangle2 = new Rectangle();

rectangle2.Margin = new Thickness(0, 10, 0, 0);

rectangle2.Width = 300;

rectangle2.Height = 150;

rectangle2.StrokeThickness = 1.0;

rectangle2.Stroke = Brushes.MediumBlue;

rectangle2.Fill = imageBrush2;

StackPanel stackPanel = new StackPanel();

stackPanel.HorizontalAlignment = HorizontalAlignment.Center;

stackPanel.VerticalAlignment = VerticalAlignment.Center;

stackPanel.Children.Add(rectangle1);

stackPanel.Children.Add(rectangle2);

Content = stackPanel;

}

#endregion

}

TestProject.zip

[C#/WPF] ImageBrush 클래스 : Viewport/TileMode 속성을 사용해 이미지 브러시 만들기

■ ImageBrush 클래스의 Viewport/TileMode 속성을 사용해 이미지 브러시를 만드는 방법을 보여준다. ▶ 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="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
</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="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

</Window>

▶ MainWindow.xaml.cs


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

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public partial class MainWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainWindow()
        {
            InitializeComponent();

            ImageBrush imageBrush = new ImageBrush();

            imageBrush.Viewport    = new Rect(0, 0, 0.5, 0.5);
            imageBrush.TileMode    = TileMode.FlipXY;
            imageBrush.ImageSource = new BitmapImage(new Uri(@"IMAGE\berries.jpg", UriKind.Relative));

            Button button = new Button();

            button.Width      = 200;
            button.Height     = 100;
            button.Background = imageBrush;
            button.Foreground = Brushes.White;
            button.FontFamily = new FontFamily("Verdana");
            button.FontSize   = 24f;
            button.FontWeight = FontWeights.Bold;
            button.Content    = "Berries";

            Content = button;
        }

        #endregion
    }
}

using System;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Media.Imaging;

using System.Windows.Media;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

ImageBrush imageBrush = new ImageBrush();

imageBrush.Viewport = new Rect(0, 0, 0.5, 0.5);

imageBrush.TileMode = TileMode.FlipXY;

imageBrush.ImageSource = new BitmapImage(new Uri(@"IMAGE\berries.jpg", UriKind.Relative));

Button button = new Button();

button.Width = 200;

button.Height = 100;

button.Background = imageBrush;

button.Foreground = Brushes.White;

button.FontFamily = new FontFamily("Verdana");

button.FontSize = 24f;

button.FontWeight = FontWeights.Bold;

button.Content = "Berries";

Content = button;

}

#endregion

}

TestProject.zip

[C#/WPF] ImageBrush 클래스 : ImageSource 속성을 사용해 이미지 브러시 만들기

■ ImageBrush 클래스의 ImageSource 속성을 사용해 이미지 브러시를 만드는 방법을 보여준다. ▶ 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="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
</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="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

</Window>

▶ MainWindow.xaml.cs


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

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public partial class MainWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainWindow()
        {
            InitializeComponent();

            ImageBrush imageBrush = new ImageBrush();

            imageBrush.ImageSource = new BitmapImage(new Uri(@"IMAGE\berries.jpg", UriKind.Relative));

            Button button = new Button();

            button.Width      = 200;
            button.Height     = 100;
            button.Background = imageBrush;
            button.Foreground = Brushes.White;
            button.FontFamily = new FontFamily("Verdana");
            button.FontSize   = 24f;
            button.FontWeight = FontWeights.Bold;
            button.Content    = "Berries";

            Content = button;
        }

        #endregion
    }
}

using System;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Media.Imaging;

using System.Windows.Media;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

ImageBrush imageBrush = new ImageBrush();

imageBrush.ImageSource = new BitmapImage(new Uri(@"IMAGE\berries.jpg", UriKind.Relative));

Button button = new Button();

button.Width = 200;

button.Height = 100;

button.Background = imageBrush;

button.Foreground = Brushes.White;

button.FontFamily = new FontFamily("Verdana");

button.FontSize = 24f;

button.FontWeight = FontWeights.Bold;

button.Content = "Berries";

Content = button;

}

#endregion

}

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="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
</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="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

</Window>

▶ MainWindow.xaml.cs


using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public partial class MainWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainWindow()
        {
            InitializeComponent();

            #region 색상 1을 생성한다.

            Color color1 = new Color();

            color1.A = 255;
            color1.R = 204;
            color1.G = 204;
            color1.B = 255;

            #endregion
            #region 그라디언트 중단 1을 생성한다.

            GradientStop gradientStop1 = new GradientStop();

            gradientStop1.Offset = 0.0;
            gradientStop1.Color  = color1;

            #endregion
            #region 그라디언트 중단 2를 생성한다.

            GradientStop gradientStop2 = new GradientStop();

            gradientStop2.Offset = 1.0;
            gradientStop2.Color  = Colors.Purple;

            #endregion
            #region 선형 그라디언트 브러시를 생성한다.

            LinearGradientBrush linearGradientBrush = new LinearGradientBrush();

            linearGradientBrush.GradientStops.Add(gradientStop1);
            linearGradientBrush.GradientStops.Add(gradientStop2);

            #endregion
            #region 펜을 생성한다.

            Pen pen = new Pen();

            pen.Thickness  = 10;
            pen.LineJoin   = PenLineJoin.Round;
            pen.EndLineCap = PenLineCap.Round;
            pen.Brush      = linearGradientBrush;

            #endregion

            #region 사각형 기하를 생성한다.

            RectangleGeometry rectangleGeometry = new RectangleGeometry();

            rectangleGeometry.Rect = new Rect(0, 0, 50, 50);

            #endregion
            #region 타원 기하를 생성한다.

            EllipseGeometry ellipseGeometry = new EllipseGeometry();

            ellipseGeometry.Center  = new Point(75, 75);
            ellipseGeometry.RadiusX = 50;
            ellipseGeometry.RadiusY = 50;

            #endregion
            #region 선 기하를 생성한다.

            LineGeometry lineGeometry = new LineGeometry();

            lineGeometry.StartPoint = new Point(75, 75);
            lineGeometry.EndPoint   = new Point(75, 0 );

            #endregion
            #region 기하 그룹을 생성한다.

            GeometryGroup geometryGroup = new GeometryGroup();

            geometryGroup.Children.Add(rectangleGeometry);
            geometryGroup.Children.Add(ellipseGeometry  );
            geometryGroup.Children.Add(lineGeometry     );

            #endregion

            #region 기하 드로잉을 생성한다.

            GeometryDrawing geometryDrawing = new GeometryDrawing();

            geometryDrawing.Pen      = pen;
            geometryDrawing.Geometry = geometryGroup;

            #endregion
            #region 드로잉 그룹을 생성한다.

            DrawingGroup drawingGroup = new DrawingGroup();

            drawingGroup.Children.Add(geometryDrawing);

            #endregion
            #region 드로잉 이미지를 생성한다.

            DrawingImage drawingImage = new DrawingImage();

            drawingImage.Drawing = drawingGroup;

            #endregion

            #region 이미지를 생성한다.

            Image image = new Image();

            image.Margin  = new Thickness(10);
            image.Stretch = Stretch.None;
            image.Source  = drawingImage;

            #endregion

            Content = image;
        }

        #endregion
    }
}

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

131

132

133

134

135

136

137

138

139

140

141

142

143

using System.Windows;

using System.Windows.Controls;

using System.Windows.Media;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

#region 색상 1을 생성한다.

Color color1 = new Color();

color1.A = 255;

color1.R = 204;

color1.G = 204;

color1.B = 255;

#endregion

#region 그라디언트 중단 1을 생성한다.

GradientStop gradientStop1 = new GradientStop();

gradientStop1.Offset = 0.0;

gradientStop1.Color = color1;

#endregion

#region 그라디언트 중단 2를 생성한다.

GradientStop gradientStop2 = new GradientStop();

gradientStop2.Offset = 1.0;

gradientStop2.Color = Colors.Purple;

#endregion

#region 선형 그라디언트 브러시를 생성한다.

LinearGradientBrush linearGradientBrush = new LinearGradientBrush();

linearGradientBrush.GradientStops.Add(gradientStop1);

linearGradientBrush.GradientStops.Add(gradientStop2);

#endregion

#region 펜을 생성한다.

Pen pen = new Pen();

pen.Thickness = 10;

pen.LineJoin = PenLineJoin.Round;

pen.EndLineCap = PenLineCap.Round;

pen.Brush = linearGradientBrush;

#endregion

#region 사각형 기하를 생성한다.

RectangleGeometry rectangleGeometry = new RectangleGeometry();

rectangleGeometry.Rect = new Rect(0, 0, 50, 50);

#endregion

#region 타원 기하를 생성한다.

EllipseGeometry ellipseGeometry = new EllipseGeometry();

ellipseGeometry.Center = new Point(75, 75);

ellipseGeometry.RadiusX = 50;

ellipseGeometry.RadiusY = 50;

#endregion

#region 선 기하를 생성한다.

LineGeometry lineGeometry = new LineGeometry();

lineGeometry.StartPoint = new Point(75, 75);

lineGeometry.EndPoint = new Point(75, 0 );

#endregion

#region 기하 그룹을 생성한다.

GeometryGroup geometryGroup = new GeometryGroup();

geometryGroup.Children.Add(rectangleGeometry);

geometryGroup.Children.Add(ellipseGeometry );

geometryGroup.Children.Add(lineGeometry );

#endregion

#region 기하 드로잉을 생성한다.

GeometryDrawing geometryDrawing = new GeometryDrawing();

geometryDrawing.Pen = pen;

geometryDrawing.Geometry = geometryGroup;

#endregion

#region 드로잉 그룹을 생성한다.

DrawingGroup drawingGroup = new DrawingGroup();

drawingGroup.Children.Add(geometryDrawing);

#endregion

#region 드로잉 이미지를 생성한다.

DrawingImage drawingImage = new DrawingImage();

drawingImage.Drawing = drawingGroup;

#endregion

#region 이미지를 생성한다.

Image image = new Image();

image.Margin = new Thickness(10);

image.Stretch = Stretch.None;

image.Source = drawingImage;

#endregion

Content = image;

}

#endregion

}

TestProject.zip

[C#/WPF] ImageBrush 엘리먼트 : 배경 애니메이션 만들기

■ ImageBrush 엘리먼트를 사용해 배경 애니메이션을 만드는 방법을 보여준다. ▶ 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="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Window.Resources>
        <Style x:Key="AnimatedRectangleStyleKey">
            <Setter Property="Rectangle.Fill">
                <Setter.Value>
                    <ImageBrush
                        TileMode="FlipXY"
                        Opacity="0.25"
                        ImageSource="IMAGE\purpleblock.jpg">
                        <ImageBrush.Transform>
                            <RotateTransform Angle="0" />
                        </ImageBrush.Transform>
                    </ImageBrush>
                </Setter.Value>
            </Setter>
            <Style.Triggers>
                <EventTrigger RoutedEvent="Rectangle.Loaded">
                    <EventTrigger.Actions>
                        <BeginStoryboard>
                            <Storyboard SpeedRatio="1.25">
                                <RectAnimation
                                    Storyboard.TargetProperty="(Rectangle.Fill).(ImageBrush.Viewport)"
                                    Duration="00:00:20"
                                    To="0 0 0.5 0.5"
                                    RepeatBehavior="Forever"
                                    AutoReverse="True" />
                                <DoubleAnimation
                                    Storyboard.TargetProperty="(Rectangle.Fill).(ImageBrush.Transform).(RotateTransform.Angle)"
                                    Duration="00:01:00"
                                    To="360"
                                    RepeatBehavior="Forever"
                                    AccelerationRatio="0.5"
                                    DecelerationRatio="0.5" />
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger.Actions>
                </EventTrigger>
            </Style.Triggers>
        </Style>
    </Window.Resources>
    <Grid>
        <Rectangle
            Style="{StaticResource AnimatedRectangleStyleKey}"
            Margin="10" />
        <TextBlock
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            FontSize="72"
            FontWeight="Bold"
            Text="Background Rotation" />
    </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="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

<Window.Resources>

<Setter.Value>

<ImageBrush

TileMode="FlipXY"

Opacity="0.25"

ImageSource="IMAGE\purpleblock.jpg">

<ImageBrush.Transform>

</ImageBrush.Transform>

</ImageBrush>

</Setter.Value>

</Setter>

<Style.Triggers>

<EventTrigger.Actions>

<RectAnimation

Storyboard.TargetProperty="(Rectangle.Fill).(ImageBrush.Viewport)"

Duration="00:00:20"

To="0 0 0.5 0.5"

RepeatBehavior="Forever"

AutoReverse="True" />

<DoubleAnimation

Storyboard.TargetProperty="(Rectangle.Fill).(ImageBrush.Transform).(RotateTransform.Angle)"

Duration="00:01:00"

To="360"

RepeatBehavior="Forever"

AccelerationRatio="0.5"

DecelerationRatio="0.5" />

</Storyboard>

</BeginStoryboard>

</EventTrigger.Actions>

</EventTrigger>

</Style.Triggers>

</Style>

</Window.Resources>

<Grid>

<Rectangle

Style="{StaticResource AnimatedRectangleStyleKey}"

Margin="10" />

<TextBlock

HorizontalAlignment="Center"

VerticalAlignment="Center"

FontSize="72"

FontWeight="Bold"

Text="Background Rotation" />

</Grid>

</Window>

TestProject.zip

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

■ ImageBrush 엘리먼트를 사용하는 방법을 보여준다. ▶ 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="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Window.Resources>
        <LinearGradientBrush x:Key="GrayBlueLinearGradientBrushKey"
            StartPoint="0 0"
            EndPoint="1 1">
            <LinearGradientBrush.GradientStops>
                <GradientStop Offset="0"   Color="DarkGray" />
                <GradientStop Offset="0.5" Color="#ccccff"  />
                <GradientStop Offset="1"   Color="DarkGray" />
            </LinearGradientBrush.GradientStops>
        </LinearGradientBrush>
        <LinearGradientBrush x:Key="GlassLinearGradientBrushKey"
            StartPoint="0 0"
            EndPoint="1 1"
            Opacity="0.75">
            <LinearGradientBrush.GradientStops>
                <GradientStop Offset="0.2"  Color="WhiteSmoke"  />
                <GradientStop Offset="0.4"  Color="Transparent" />
                <GradientStop Offset="0.5"  Color="WhiteSmoke"  />
                <GradientStop Offset="0.75" Color="Transparent" />
                <GradientStop Offset="0.9"  Color="WhiteSmoke"  />
                <GradientStop Offset="1"    Color="Transparent" />
            </LinearGradientBrush.GradientStops>
        </LinearGradientBrush>
        <Style TargetType="{x:Type RadioButton}">
            <Setter Property="Background" Value="{StaticResource GrayBlueLinearGradientBrushKey}" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type RadioButton}">
                        <Grid
                            Width="{TemplateBinding Width}"
                            Height="{TemplateBinding Height}"
                            ClipToBounds="True">
                            <Rectangle Name="outerRectangle"
                                HorizontalAlignment="Stretch"
                                VerticalAlignment="Stretch"
                                RadiusX="20"
                                RadiusY="20"
                                StrokeThickness="5"
                                Stroke="{TemplateBinding Background}"
                                Fill="Transparent" />
                            <Rectangle Name="innerRectangle"
                                HorizontalAlignment="Stretch"
                                VerticalAlignment="Stretch"
                                RadiusX="20"
                                RadiusY="20"
                                StrokeThickness="20"
                                Stroke="Transparent"
                                Fill="{TemplateBinding Background}" />
                            <Rectangle Name="glassRectangle"
                                HorizontalAlignment="Stretch"
                                VerticalAlignment="Stretch"
                                RadiusX="10"
                                RadiusY="10"
                                StrokeThickness="2"
                                Opacity="0"
                                Fill="{StaticResource GlassLinearGradientBrushKey}"
                                RenderTransformOrigin="0.5 0.5">
                                <Rectangle.Stroke>
                                    <LinearGradientBrush
                                        StartPoint="0.5 0"
                                        EndPoint="0.5 1">
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Offset="0.0" Color="LightBlue" />
                                            <GradientStop Offset="1.0" Color="Gray"      />
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </Rectangle.Stroke>
                                <Rectangle.RenderTransform>
                                    <TransformGroup>
                                        <ScaleTransform  />
                                        <RotateTransform />
                                    </TransformGroup>
                                </Rectangle.RenderTransform>
                                <Rectangle.BitmapEffect>
                                    <BevelBitmapEffect />
                                </Rectangle.BitmapEffect>
                            </Rectangle>
                            <DockPanel>
                                <ContentPresenter Name="contentPresenter"
                                    Margin="20"
                                    TextBlock.Foreground="Black"
                                    Content="{TemplateBinding  Content}" />
                            </DockPanel>
                        </Grid>
                        <ControlTemplate.Triggers>
                            <MultiTrigger>
                                <MultiTrigger.Conditions>
                                    <Condition Property="IsMouseOver" Value="True"  />
                                    <Condition Property="IsChecked"   Value="False" />
                                </MultiTrigger.Conditions>
                                <Setter
                                    TargetName="outerRectangle"
                                    Property="Rectangle.Stroke"
                                    Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}" />
                                <Setter
                                    TargetName="glassRectangle"
                                    Property="Rectangle.Opacity"
                                    Value="1" />
                                <Setter
                                    TargetName="contentPresenter"
                                    Property="ContentPresenter.BitmapEffect">
                                    <Setter.Value>
                                        <BlurBitmapEffect Radius="1" />
                                    </Setter.Value>
                                </Setter>
                            </MultiTrigger>
                            <Trigger Property="IsChecked" Value="true">
                                <Setter
                                    TargetName="glassRectangle"
                                    Property="Rectangle.Opacity"
                                    Value="1" />
                            </Trigger>
                            <Trigger Property="IsFocused" Value="true">
                                <Setter
                                    TargetName="outerRectangle"
                                    Property="Rectangle.Stroke"
                                    Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}" />
                                <Setter
                                    TargetName="glassRectangle"
                                    Property="Rectangle.Opacity"
                                    Value="1" />
                            </Trigger>
                            <EventTrigger RoutedEvent="Mouse.MouseEnter">
                                <EventTrigger.Actions>
                                    <BeginStoryboard Name="mouseEnterBeginStoryboard">
                                        <Storyboard>
                                            <DoubleAnimation
                                                Storyboard.TargetName="glassRectangle"
                                                Storyboard.TargetProperty="(Rectangle.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)"
                                                Duration="00:00:00.5"
                                                By="-0.1" />
                                            <DoubleAnimation
                                                Storyboard.TargetName="glassRectangle"
                                                Storyboard.TargetProperty="(Rectangle.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)"
                                                Duration="00:00:00.5"
                                                By="-0.1" />
                                        </Storyboard>
                                    </BeginStoryboard>
                                </EventTrigger.Actions>
                            </EventTrigger>
                            <EventTrigger RoutedEvent="Mouse.MouseLeave">
                                <EventTrigger.Actions>
                                    <StopStoryboard BeginStoryboardName="mouseEnterBeginStoryboard" />
                                </EventTrigger.Actions>
                            </EventTrigger>
                            <EventTrigger RoutedEvent="RadioButton.Checked">
                                <EventTrigger.Actions>
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <DoubleAnimation
                                                Storyboard.TargetName="glassRectangle"
                                                Storyboard.TargetProperty="(Rectangle.RenderTransform).(TransformGroup.Children)[1].(RotateTransform.Angle)"
                                                Duration="00:00:00.5"
                                                By="360" />
                                        </Storyboard>
                                    </BeginStoryboard>
                                </EventTrigger.Actions>
                            </EventTrigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <Style x:Key="AnimatedRectangleStyleKey">
            <Setter Property="Rectangle.Fill">
                <Setter.Value>
                    <ImageBrush
                        TileMode="FlipXY"
                        Opacity="0.25"
                        ImageSource="IMAGE\purpleblock.jpg">
                        <ImageBrush.Transform>
                            <RotateTransform Angle="0" />
                        </ImageBrush.Transform>
                    </ImageBrush>
                </Setter.Value>
            </Setter>
            <Style.Triggers>
                <EventTrigger RoutedEvent="Rectangle.Loaded">
                    <EventTrigger.Actions>
                        <BeginStoryboard>
                            <Storyboard SpeedRatio="1.25">
                                <RectAnimation
                                    Storyboard.TargetProperty="(Rectangle.Fill).(ImageBrush.Viewport)"
                                    Duration="00:00:20"
                                    To="0 0 0.5 0.5"
                                    RepeatBehavior="Forever"
                                    AutoReverse="True" />
                                <DoubleAnimation
                                    Storyboard.TargetProperty="(Rectangle.Fill).(ImageBrush.Transform).(RotateTransform.Angle)"
                                    Duration="00:01:00"
                                    To="360"
                                    RepeatBehavior="Forever"
                                    AccelerationRatio="0.5"
                                    DecelerationRatio="0.5" />
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger.Actions>
                </EventTrigger>
            </Style.Triggers>
        </Style>
    </Window.Resources>
    <Grid Margin="10">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="*"    />
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="*"    />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*"    />
        </Grid.RowDefinitions>
        <Rectangle Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="4"
            Style="{StaticResource AnimatedRectangleStyleKey}"
            Margin="0 0 0 10" />
        <Border Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="4"
            Margin="0 0 0 10"
            BorderBrush="Black"
            BorderThickness="3">
            <Border.Background>
                <LinearGradientBrush
                    StartPoint="0 0.5"
                    EndPoint="1 0.5">
                    <LinearGradientBrush.GradientStops>
                    <GradientStop Offset="0.0" Color="#993399ff" />
                    <GradientStop Offset="1.0" Color="#996600ff" />
                    </LinearGradientBrush.GradientStops>
                </LinearGradientBrush>
            </Border.Background>
            <DockPanel Margin="10">
                <RadioButton Name="imageRadioButton1"
                    Margin="5">
                    <Image
                        Width="50"
                        Height="50"
                        Source="IMAGE\blueberries.jpg" />
                </RadioButton>
                <RadioButton Name="imageRadioButton2"
                    Margin="5">
                    <Image
                        Width="50"
                        Height="50"
                        Source="IMAGE\sunset.jpg" />
                </RadioButton>
                <RadioButton Name="imageRadioButton3"
                    Margin="5">
                    <Image
                        Width="50"
                        Height="50"
                        Source="IMAGE\apple.jpg" />
                </RadioButton>
                <RadioButton Name="imageRadioButton4"
                    Margin="5">
                    <Image
                        Width="50"
                        Height="50"
                        Source="IMAGE\hummingbird.jpg" />
                </RadioButton>
                <TextBlock DockPanel.Dock="Left"
                    Margin="10"
                    TextWrapping="Wrap">
                    The following controls enable you to customize an ImageBrush.
                    Specify the ImageBrush's properties and click <Bold>Apply</Bold>
                    to view the ImageBrush.
                </TextBlock>
            </DockPanel>
        </Border>
        <Label Grid.Row="1" Grid.Column="0"
            HorizontalAlignment="Right"
            Margin="5">
            Stretch
        </Label>
        <ComboBox Name="stretchComboBox" Grid.Row="1" Grid.Column="1"
            Margin="5"
            VerticalContentAlignment="Center" />
        <Label Grid.Row="2" Grid.Column="0"
            HorizontalAlignment="Right"
            Margin="5">
            AlignmentX
        </Label>
        <ComboBox Name="alignmentXComboBox" Grid.Row="2" Grid.Column="1"
            Margin="5"
            VerticalContentAlignment="Center" />
        <Label Grid.Row="3" Grid.Column="0"
            HorizontalAlignment="Right"
            Margin="5">
            AlignmentY
        </Label>
        <ComboBox Name="alignmentYComboBox" Grid.Row="3" Grid.Column="1"
            Margin="5"
            VerticalContentAlignment="Center" />
        <Label Grid.Row="4" Grid.Column="0"
            HorizontalAlignment="Right"
            Margin="5">
            TileMode
        </Label>
        <ComboBox Name="tileModeComboBox" Grid.Row="4" Grid.Column="1"
            Margin="5"
            VerticalContentAlignment="Center" />
        <Label Grid.Row="1" Grid.Column="2"
            HorizontalAlignment="Right"
            Margin="5">
            Viewport
        </Label>
        <TextBox Name="viewportTextBox" Grid.Row="1" Grid.Column="3"
            Margin="5"
            VerticalContentAlignment="Center" />
        <Label Grid.Row="2" Grid.Column="2"
            HorizontalAlignment="Right"
            Margin="5">
            ViewportUnits
        </Label>
        <ComboBox Name="viewportUnitsComboBox" Grid.Row="2" Grid.Column="3"
            Margin="5"
            VerticalContentAlignment="Center" />
        <Label Grid.Row="3" Grid.Column="2"
            HorizontalAlignment="Right"
            Margin="5">
            Viewbox
        </Label>
        <TextBox Name="viewboxTextBox" Grid.Row="3" Grid.Column="3"
            Margin="5"
            VerticalContentAlignment="Center" />
        <Label Grid.Row="4" Grid.Column="2"
            HorizontalAlignment="Right"
            Margin="5">
            ViewboxUnits
        </Label>
        <ComboBox Name="viewboxUnitsComboBox" Grid.Row="4" Grid.Column="3"
            Margin="5"
            VerticalContentAlignment="Center" />
        <Button Name="applyButton" Grid.Row="5" Grid.Column="1"
            HorizontalAlignment="Left"
            Margin="5"
            Width="100"
            Height="30">
            Apply
        </Button>
        <Rectangle Grid.Row="6" Grid.Column="0" Grid.ColumnSpan="4"
            Margin="0 5 0 0"
            Stroke="Blue">
            <Rectangle.Fill>
                <ImageBrush x:Name="targetImageBrush"
                    ImageSource="IMAGE\blueberries.jpg" />
            </Rectangle.Fill>
        </Rectangle>
    </Grid>
</Window>

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

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

267

268

269

270

271

272

273

274

275

276

277

278

279

280

281

282

283

284

285

286

287

288

289

290

291

292

293

294

295

296

297

298

299

300

301

302

303

304

305

306

307

308

309

310

311

312

313

314

315

316

317

318

319

320

321

322

323

324

325

326

327

328

329

330

331

332

333

334

335

336

337

338

339

340

341

342

343

344

345

346

347

348

349

350

351

352

353

354

355

356

357

358

359

360

361

362

363

<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="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

<Window.Resources>

<LinearGradientBrush x:Key="GrayBlueLinearGradientBrushKey"

StartPoint="0 0"

EndPoint="1 1">

<LinearGradientBrush.GradientStops>

</LinearGradientBrush.GradientStops>

</LinearGradientBrush>

<LinearGradientBrush x:Key="GlassLinearGradientBrushKey"

StartPoint="0 0"

EndPoint="1 1"

Opacity="0.75">

<LinearGradientBrush.GradientStops>

</LinearGradientBrush.GradientStops>

</LinearGradientBrush>

<Setter.Value>

<Grid

Width="{TemplateBinding Width}"

Height="{TemplateBinding Height}"

ClipToBounds="True">

<Rectangle Name="outerRectangle"

HorizontalAlignment="Stretch"

VerticalAlignment="Stretch"

RadiusX="20"

RadiusY="20"

StrokeThickness="5"

Stroke="{TemplateBinding Background}"

Fill="Transparent" />

<Rectangle Name="innerRectangle"

HorizontalAlignment="Stretch"

VerticalAlignment="Stretch"

RadiusX="20"

RadiusY="20"

StrokeThickness="20"

Stroke="Transparent"

Fill="{TemplateBinding Background}" />

<Rectangle Name="glassRectangle"

HorizontalAlignment="Stretch"

VerticalAlignment="Stretch"

RadiusX="10"

RadiusY="10"

StrokeThickness="2"

Opacity="0"

Fill="{StaticResource GlassLinearGradientBrushKey}"

RenderTransformOrigin="0.5 0.5">

<Rectangle.Stroke>

<LinearGradientBrush

StartPoint="0.5 0"

EndPoint="0.5 1">

<LinearGradientBrush.GradientStops>

</LinearGradientBrush.GradientStops>

</LinearGradientBrush>

</Rectangle.Stroke>

<Rectangle.RenderTransform>

</TransformGroup>

</Rectangle.RenderTransform>

<Rectangle.BitmapEffect>

</Rectangle.BitmapEffect>

</Rectangle>

<ContentPresenter Name="contentPresenter"

Margin="20"

TextBlock.Foreground="Black"

Content="{TemplateBinding Content}" />

</DockPanel>

</Grid>

<ControlTemplate.Triggers>

<MultiTrigger.Conditions>

</MultiTrigger.Conditions>

<Setter

TargetName="outerRectangle"

Property="Rectangle.Stroke"

Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}" />

<Setter

TargetName="glassRectangle"

Property="Rectangle.Opacity"

Value="1" />

<Setter

TargetName="contentPresenter"

Property="ContentPresenter.BitmapEffect">

<Setter.Value>

</Setter.Value>

</Setter>

</MultiTrigger>

<Setter

TargetName="glassRectangle"

Property="Rectangle.Opacity"

Value="1" />

</Trigger>

<Setter

TargetName="outerRectangle"

Property="Rectangle.Stroke"

Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}" />

<Setter

TargetName="glassRectangle"

Property="Rectangle.Opacity"

Value="1" />

</Trigger>

<EventTrigger.Actions>

<DoubleAnimation

Storyboard.TargetName="glassRectangle"

Storyboard.TargetProperty="(Rectangle.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)"

Duration="00:00:00.5"

By="-0.1" />

<DoubleAnimation

Storyboard.TargetName="glassRectangle"

Storyboard.TargetProperty="(Rectangle.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)"

Duration="00:00:00.5"

By="-0.1" />

</Storyboard>

</BeginStoryboard>

</EventTrigger.Actions>

</EventTrigger>

<EventTrigger.Actions>

</EventTrigger.Actions>

</EventTrigger>

<EventTrigger.Actions>

<DoubleAnimation

Storyboard.TargetName="glassRectangle"

Storyboard.TargetProperty="(Rectangle.RenderTransform).(TransformGroup.Children)[1].(RotateTransform.Angle)"

Duration="00:00:00.5"

By="360" />

</Storyboard>

</BeginStoryboard>

</EventTrigger.Actions>

</EventTrigger>

</ControlTemplate.Triggers>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

<Setter.Value>

<ImageBrush

TileMode="FlipXY"

Opacity="0.25"

ImageSource="IMAGE\purpleblock.jpg">

<ImageBrush.Transform>

</ImageBrush.Transform>

</ImageBrush>

</Setter.Value>

</Setter>

<Style.Triggers>

<EventTrigger.Actions>

<RectAnimation

Storyboard.TargetProperty="(Rectangle.Fill).(ImageBrush.Viewport)"

Duration="00:00:20"

To="0 0 0.5 0.5"

RepeatBehavior="Forever"

AutoReverse="True" />

<DoubleAnimation

Storyboard.TargetProperty="(Rectangle.Fill).(ImageBrush.Transform).(RotateTransform.Angle)"

Duration="00:01:00"

To="360"

RepeatBehavior="Forever"

AccelerationRatio="0.5"

DecelerationRatio="0.5" />

</Storyboard>

</BeginStoryboard>

</EventTrigger.Actions>

</EventTrigger>

</Style.Triggers>

</Style>

</Window.Resources>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<Rectangle Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="4"

Style="{StaticResource AnimatedRectangleStyleKey}"

Margin="0 0 0 10" />

<Border Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="4"

Margin="0 0 0 10"

BorderBrush="Black"

BorderThickness="3">

<Border.Background>

<LinearGradientBrush

StartPoint="0 0.5"

EndPoint="1 0.5">

<LinearGradientBrush.GradientStops>

</LinearGradientBrush.GradientStops>

</LinearGradientBrush>

</Border.Background>

<RadioButton Name="imageRadioButton1"

Margin="5">

<Image

Width="50"

Height="50"

Source="IMAGE\blueberries.jpg" />

</RadioButton>

<RadioButton Name="imageRadioButton2"

Margin="5">

<Image

Width="50"

Height="50"

Source="IMAGE\sunset.jpg" />

</RadioButton>

<RadioButton Name="imageRadioButton3"

Margin="5">

<Image

Width="50"

Height="50"

Source="IMAGE\apple.jpg" />

</RadioButton>

<RadioButton Name="imageRadioButton4"

Margin="5">

<Image

Width="50"

Height="50"

Source="IMAGE\hummingbird.jpg" />

</RadioButton>

<TextBlock DockPanel.Dock="Left"

Margin="10"

TextWrapping="Wrap">

The following controls enable you to customize an ImageBrush.

Specify the ImageBrush's properties and click <Bold>Apply</Bold>

to view the ImageBrush.

</TextBlock>

</DockPanel>

</Border>

<Label Grid.Row="1" Grid.Column="0"

HorizontalAlignment="Right"

Margin="5">

Stretch

</Label>

<ComboBox Name="stretchComboBox" Grid.Row="1" Grid.Column="1"

Margin="5"

VerticalContentAlignment="Center" />

<Label Grid.Row="2" Grid.Column="0"

HorizontalAlignment="Right"

Margin="5">

AlignmentX

</Label>

<ComboBox Name="alignmentXComboBox" Grid.Row="2" Grid.Column="1"

Margin="5"

VerticalContentAlignment="Center" />

<Label Grid.Row="3" Grid.Column="0"

HorizontalAlignment="Right"

Margin="5">

AlignmentY

</Label>

<ComboBox Name="alignmentYComboBox" Grid.Row="3" Grid.Column="1"

Margin="5"

VerticalContentAlignment="Center" />

<Label Grid.Row="4" Grid.Column="0"

HorizontalAlignment="Right"

Margin="5">

TileMode

</Label>

<ComboBox Name="tileModeComboBox" Grid.Row="4" Grid.Column="1"

Margin="5"

VerticalContentAlignment="Center" />

<Label Grid.Row="1" Grid.Column="2"

HorizontalAlignment="Right"

Margin="5">

Viewport

</Label>

<TextBox Name="viewportTextBox" Grid.Row="1" Grid.Column="3"

Margin="5"

VerticalContentAlignment="Center" />

<Label Grid.Row="2" Grid.Column="2"

HorizontalAlignment="Right"

Margin="5">

ViewportUnits

</Label>

<ComboBox Name="viewportUnitsComboBox" Grid.Row="2" Grid.Column="3"

Margin="5"

VerticalContentAlignment="Center" />

<Label Grid.Row="3" Grid.Column="2"

HorizontalAlignment="Right"

Margin="5">

Viewbox

</Label>

<TextBox Name="viewboxTextBox" Grid.Row="3" Grid.Column="3"

Margin="5"

VerticalContentAlignment="Center" />

<Label Grid.Row="4" Grid.Column="2"

HorizontalAlignment="Right"

Margin="5">

ViewboxUnits

</Label>

<ComboBox Name="viewboxUnitsComboBox" Grid.Row="4" Grid.Column="3"

Margin="5"

VerticalContentAlignment="Center" />

<Button Name="applyButton" Grid.Row="5" Grid.Column="1"

HorizontalAlignment="Left"

Margin="5"

Width="100"

Height="30">

Apply

</Button>

<Rectangle Grid.Row="6" Grid.Column="0" Grid.ColumnSpan="4"

Margin="0 5 0 0"

Stroke="Blue">

<Rectangle.Fill>

<ImageBrush x:Name="targetImageBrush"

ImageSource="IMAGE\blueberries.jpg" />

</Rectangle.Fill>

</Rectangle>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public partial class MainWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 체크 라디오 버튼
        /// </summary>
        private RadioButton checkedRadioButton;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainWindow()
        {
            InitializeComponent();

            Loaded                         += Window_Loaded;
            this.imageRadioButton1.Checked += imageRadioButton_Checked;
            this.imageRadioButton2.Checked += imageRadioButton_Checked;
            this.imageRadioButton3.Checked += imageRadioButton_Checked;
            this.imageRadioButton4.Checked += imageRadioButton_Checked;
            this.applyButton.Click         += applyButton_Click;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private
        //////////////////////////////////////////////////////////////////////////////// Event

        #region 윈도우 로드시 처리하기 - Window_Loaded(sender, e)

        /// <summary>
        /// 윈도우 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            #region Stretch 콤보 박스를 설정한다.

            string[] stretchArray = Enum.GetNames(typeof(Stretch));

            foreach(string stretch in stretchArray)
            {
                this.stretchComboBox.Items.Add(stretch);
            }

            this.stretchComboBox.SelectedItem = this.targetImageBrush.Stretch.ToString();

            #endregion
            #region AlignmentX 콤보 박스를 설정한다.

            string[] alignmentXArray = Enum.GetNames(typeof(AlignmentX));

            foreach(string alignmentX in alignmentXArray)
            {
                this.alignmentXComboBox.Items.Add(alignmentX);
            }

            this.alignmentXComboBox.SelectedItem = this.targetImageBrush.AlignmentX.ToString();

            #endregion
            #region AlignmentY 콤보 박스를 설정한다.

            string[] alignmentYArray = Enum.GetNames(typeof (AlignmentY));

            foreach(string alignmentY in alignmentYArray)
            {
                this.alignmentYComboBox.Items.Add(alignmentY);
            }

            this.alignmentYComboBox.SelectedItem = this.targetImageBrush.AlignmentY.ToString();

            #endregion
            #region TileMode 콤보 박스를 설정한다.

            string[] timeModeArray = Enum.GetNames(typeof(TileMode));

            foreach(string tileMode in timeModeArray)
            {
                this.tileModeComboBox.Items.Add(tileMode);
            }

            this.tileModeComboBox.SelectedItem = this.targetImageBrush.TileMode.ToString();

            #endregion
            #region ViewportUnits/ViewboxUnits 콤보 박스를 설정한다.

            string[] brushMappingModeArray = Enum.GetNames(typeof(BrushMappingMode));

            foreach(string brushMappingMode in brushMappingModeArray)
            {
                this.viewportUnitsComboBox.Items.Add(brushMappingMode);
                this.viewboxUnitsComboBox.Items.Add(brushMappingMode);
            }

            this.viewportUnitsComboBox.SelectedItem = this.targetImageBrush.ViewportUnits.ToString();
            this.viewboxUnitsComboBox.SelectedItem  = this.targetImageBrush.ViewboxUnits.ToString();

            #endregion

            this.viewportTextBox.Text = this.targetImageBrush.Viewport.ToString();
            this.viewboxTextBox.Text  = this.targetImageBrush.Viewbox.ToString();

            this.imageRadioButton1.IsChecked = true;
        }

        #endregion
        #region 이미지 라디오 버튼 체크시 처리하기 - imageRadioButton_Checked(sender, e)

        /// <summary>
        /// 이미지 라디오 버튼 체크시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void imageRadioButton_Checked(object sender, RoutedEventArgs e)
        {
            this.checkedRadioButton = sender as RadioButton;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////// Function

        #region Apply 버튼 클릭시 처리하기 - applyButton_Click(sender, e)

        /// <summary>
        /// Apply 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void applyButton_Click(object sender, RoutedEventArgs e)
        {
            try
            {
                this.targetImageBrush.ImageSource   = (this.checkedRadioButton.Content as Image).Source;
                this.targetImageBrush.Stretch       = (Stretch)Enum.Parse(typeof(Stretch), (string)this.stretchComboBox.SelectedItem);
                this.targetImageBrush.AlignmentX    = (AlignmentX)Enum.Parse(typeof(AlignmentX), (string)this.alignmentXComboBox.SelectedItem);
                this.targetImageBrush.AlignmentY    = (AlignmentY)Enum.Parse(typeof(AlignmentY), (string)this.alignmentYComboBox.SelectedItem);
                this.targetImageBrush.TileMode      = (TileMode)Enum.Parse(typeof(TileMode), (string)this.tileModeComboBox.SelectedItem);
                this.targetImageBrush.ViewportUnits = (BrushMappingMode)Enum.Parse(typeof(BrushMappingMode), (string)this.viewportUnitsComboBox.SelectedItem);
                this.targetImageBrush.ViewboxUnits  = (BrushMappingMode)Enum.Parse(typeof(BrushMappingMode), (string)this.viewboxUnitsComboBox.SelectedItem);

                RectConverter rectConverter = new RectConverter();

                string viewport = this.viewportTextBox.Text;

                if(!string.IsNullOrEmpty(viewport))
                {
                    this.targetImageBrush.Viewport = (Rect)rectConverter.ConvertFromString(viewport);
                }
                else
                {
                    this.targetImageBrush.Viewport = Rect.Empty;

                    this.viewportTextBox.Text = "Empty";
                }

                string viewbox = this.viewboxTextBox.Text;

                if(!string.IsNullOrEmpty(viewbox) && viewbox.ToLower() != "(auto)")
                {
                    this.targetImageBrush.Viewbox = (Rect)rectConverter.ConvertFromString(viewbox);
                }
                else
                {
                    this.viewboxTextBox.Text = "Empty";

                    this.targetImageBrush.Viewbox = Rect.Empty;
                }
            }
            catch(InvalidOperationException invalidOperationException)
            {
                MessageBox.Show("Invalid Viewport or Viewbox. " + invalidOperationException);
            }
            catch(FormatException formatException)
            {
                MessageBox.Show("Invalid Viewport or Viewbox. " + formatException);
            }
        }

        #endregion
    }
}

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

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

using System;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Media;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 체크 라디오 버튼

/// </summary>

private RadioButton checkedRadioButton;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

Loaded += Window_Loaded;

this.imageRadioButton1.Checked += imageRadioButton_Checked;

this.imageRadioButton2.Checked += imageRadioButton_Checked;

this.imageRadioButton3.Checked += imageRadioButton_Checked;

this.imageRadioButton4.Checked += imageRadioButton_Checked;

this.applyButton.Click += applyButton_Click;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

//////////////////////////////////////////////////////////////////////////////// Event

#region 윈도우 로드시 처리하기 - Window_Loaded(sender, e)

/// <summary>

/// 윈도우 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void Window_Loaded(object sender, RoutedEventArgs e)

{

#region Stretch 콤보 박스를 설정한다.

string[] stretchArray = Enum.GetNames(typeof(Stretch));

foreach(string stretch in stretchArray)

{

this.stretchComboBox.Items.Add(stretch);

}

this.stretchComboBox.SelectedItem = this.targetImageBrush.Stretch.ToString();

#endregion

#region AlignmentX 콤보 박스를 설정한다.

string[] alignmentXArray = Enum.GetNames(typeof(AlignmentX));

foreach(string alignmentX in alignmentXArray)

{

this.alignmentXComboBox.Items.Add(alignmentX);

}

this.alignmentXComboBox.SelectedItem = this.targetImageBrush.AlignmentX.ToString();

#endregion

#region AlignmentY 콤보 박스를 설정한다.

string[] alignmentYArray = Enum.GetNames(typeof (AlignmentY));

foreach(string alignmentY in alignmentYArray)

{

this.alignmentYComboBox.Items.Add(alignmentY);

}

this.alignmentYComboBox.SelectedItem = this.targetImageBrush.AlignmentY.ToString();

#endregion

#region TileMode 콤보 박스를 설정한다.

string[] timeModeArray = Enum.GetNames(typeof(TileMode));

foreach(string tileMode in timeModeArray)

{

this.tileModeComboBox.Items.Add(tileMode);

}

this.tileModeComboBox.SelectedItem = this.targetImageBrush.TileMode.ToString();

#endregion

#region ViewportUnits/ViewboxUnits 콤보 박스를 설정한다.

string[] brushMappingModeArray = Enum.GetNames(typeof(BrushMappingMode));

foreach(string brushMappingMode in brushMappingModeArray)

{

this.viewportUnitsComboBox.Items.Add(brushMappingMode);

this.viewboxUnitsComboBox.Items.Add(brushMappingMode);

}

this.viewportUnitsComboBox.SelectedItem = this.targetImageBrush.ViewportUnits.ToString();

this.viewboxUnitsComboBox.SelectedItem = this.targetImageBrush.ViewboxUnits.ToString();

#endregion

this.viewportTextBox.Text = this.targetImageBrush.Viewport.ToString();

this.viewboxTextBox.Text = this.targetImageBrush.Viewbox.ToString();

this.imageRadioButton1.IsChecked = true;

}

#endregion

#region 이미지 라디오 버튼 체크시 처리하기 - imageRadioButton_Checked(sender, e)

/// <summary>

/// 이미지 라디오 버튼 체크시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void imageRadioButton_Checked(object sender, RoutedEventArgs e)

{

this.checkedRadioButton = sender as RadioButton;

}

#endregion

//////////////////////////////////////////////////////////////////////////////// Function

#region Apply 버튼 클릭시 처리하기 - applyButton_Click(sender, e)

/// <summary>

/// Apply 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void applyButton_Click(object sender, RoutedEventArgs e)

{

try

{

this.targetImageBrush.ImageSource = (this.checkedRadioButton.Content as Image).Source;

this.targetImageBrush.Stretch = (Stretch)Enum.Parse(typeof(Stretch), (string)this.stretchComboBox.SelectedItem);

this.targetImageBrush.AlignmentX = (AlignmentX)Enum.Parse(typeof(AlignmentX), (string)this.alignmentXComboBox.SelectedItem);

this.targetImageBrush.AlignmentY = (AlignmentY)Enum.Parse(typeof(AlignmentY), (string)this.alignmentYComboBox.SelectedItem);

this.targetImageBrush.TileMode = (TileMode)Enum.Parse(typeof(TileMode), (string)this.tileModeComboBox.SelectedItem);

this.targetImageBrush.ViewportUnits = (BrushMappingMode)Enum.Parse(typeof(BrushMappingMode), (string)this.viewportUnitsComboBox.SelectedItem);

this.targetImageBrush.ViewboxUnits = (BrushMappingMode)Enum.Parse(typeof(BrushMappingMode), (string)this.viewboxUnitsComboBox.SelectedItem);

RectConverter rectConverter = new RectConverter();

string viewport = this.viewportTextBox.Text;

if(!string.IsNullOrEmpty(viewport))

{

this.targetImageBrush.Viewport = (Rect)rectConverter.ConvertFromString(viewport);

}

else

{

this.targetImageBrush.Viewport = Rect.Empty;

this.viewportTextBox.Text = "Empty";

}

string viewbox = this.viewboxTextBox.Text;

if(!string.IsNullOrEmpty(viewbox) && viewbox.ToLower() != "(auto)")

{

this.targetImageBrush.Viewbox = (Rect)rectConverter.ConvertFromString(viewbox);

}

else

{

this.viewboxTextBox.Text = "Empty";

this.targetImageBrush.Viewbox = Rect.Empty;

}

catch(InvalidOperationException invalidOperationException)

{

MessageBox.Show("Invalid Viewport or Viewbox. " + invalidOperationException);

}

catch(FormatException formatException)

{

MessageBox.Show("Invalid Viewport or Viewbox. " + formatException);

}

#endregion

}

TestProject.zip

[C#/WPF] ImageBrush 엘리먼트 : TileMode 속성을 사용해 타일 모드 설정하기

■ ImageBrush 엘리먼트의 TileMode 속성을 사용해 타일 모드를 설정하는 방법을 보여준다. ▶ 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="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Window.Resources>
        <Style TargetType="{x:Type TextBlock}">
            <Setter Property="Margin" Value="5" />
        </Style>
        <Style TargetType="{x:Type Rectangle}">
            <Setter Property="Margin" Value="5" />
        </Style>
    </Window.Resources>
    <Grid
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="Auto" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <TextBlock Grid.Row="0" Grid.Column="0">No Tile</TextBlock>
        <Rectangle Grid.Row="1" Grid.Column="0"
            Width="150"
            Height="150"
            Stroke="Black"
            StrokeThickness="1">
            <Rectangle.Fill>
                <ImageBrush
                    ViewportUnits="Absolute"
                    Viewport="0 0 50 50"
                    AlignmentX="Left"
                    AlignmentY="Top"
                    ImageSource="IMAGE\triangle.jpg" />
            </Rectangle.Fill>
        </Rectangle>
        <TextBlock Grid.Row="0" Grid.Column="1">TileMode="Tile"</TextBlock>
        <Rectangle Grid.Row="1" Grid.Column="1"
            Width="150"
            Height="150"
            StrokeThickness="1"
            Stroke="LimeGreen">
            <Rectangle.Fill>
                <ImageBrush
                    Viewport="0 0 50 50"
                    ViewportUnits="Absolute"
                    TileMode="Tile"
                    AlignmentX="Left"
                    AlignmentY="Top"
                    ImageSource="IMAGE\triangle.jpg" />
            </Rectangle.Fill>
        </Rectangle>
        <TextBlock Grid.Row="0" Grid.Column="2">TileMode="FlipX"</TextBlock>
        <Rectangle Grid.Row="1" Grid.Column="2"
            Width="150"
            Height="150"
            StrokeThickness="1"
            Stroke="LimeGreen">
            <Rectangle.Fill>
                <ImageBrush
                    ViewportUnits="Absolute"
                    Viewport="0 0 50 50"
                    TileMode="FlipX"
                    AlignmentX="Left"
                    AlignmentY="Top"
                    ImageSource="IMAGE\triangle.jpg" />
            </Rectangle.Fill>
        </Rectangle>
        <TextBlock Grid.Row="2" Grid.Column="1">TileMode="FlipY"</TextBlock>
        <Rectangle Grid.Row="3" Grid.Column="1"
            Width="150"
            Height="150"
            StrokeThickness="1"
            Stroke="LimeGreen">
            <Rectangle.Fill>
                <ImageBrush
                    ViewportUnits="Absolute"
                    Viewport="0 0 50 50"
                    TileMode="FlipY"
                    AlignmentX="Left"
                    AlignmentY="Top"
                    ImageSource="IMAGE\triangle.jpg" />
            </Rectangle.Fill>
        </Rectangle>
        <TextBlock Grid.Row="2" Grid.Column="2">TileMode="FlipXY"</TextBlock>
        <Rectangle Grid.Row="3" Grid.Column="2"
            Width="150"
            Height="150"
            StrokeThickness="1"
            Stroke="LimeGreen">
            <Rectangle.Fill>
                <ImageBrush
                    ViewportUnits="Absolute"
                    Viewport="0 0 50 50"
                    TileMode="FlipXY"
                    AlignmentX="Left"
                    AlignmentY="Top"
                    ImageSource="IMAGE\triangle.jpg" />
            </Rectangle.Fill>
        </Rectangle>
    </Grid>
</Window>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

<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="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

<Window.Resources>

</Style>

</Style>

</Window.Resources>

<Grid

HorizontalAlignment="Center"

VerticalAlignment="Center">

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<Rectangle Grid.Row="1" Grid.Column="0"

Width="150"

Height="150"

Stroke="Black"

StrokeThickness="1">

<Rectangle.Fill>

<ImageBrush

ViewportUnits="Absolute"

Viewport="0 0 50 50"

AlignmentX="Left"

AlignmentY="Top"

ImageSource="IMAGE\triangle.jpg" />

</Rectangle.Fill>

</Rectangle>

<TextBlock Grid.Row="0" Grid.Column="1">TileMode="Tile"</TextBlock>

<Rectangle Grid.Row="1" Grid.Column="1"

Width="150"

Height="150"

StrokeThickness="1"

Stroke="LimeGreen">

<Rectangle.Fill>

<ImageBrush

Viewport="0 0 50 50"

ViewportUnits="Absolute"

TileMode="Tile"

AlignmentX="Left"

AlignmentY="Top"

ImageSource="IMAGE\triangle.jpg" />

</Rectangle.Fill>

</Rectangle>

<TextBlock Grid.Row="0" Grid.Column="2">TileMode="FlipX"</TextBlock>

<Rectangle Grid.Row="1" Grid.Column="2"

Width="150"

Height="150"

StrokeThickness="1"

Stroke="LimeGreen">

<Rectangle.Fill>

<ImageBrush

ViewportUnits="Absolute"

Viewport="0 0 50 50"

TileMode="FlipX"

AlignmentX="Left"

AlignmentY="Top"

ImageSource="IMAGE\triangle.jpg" />

</Rectangle.Fill>

</Rectangle>

<TextBlock Grid.Row="2" Grid.Column="1">TileMode="FlipY"</TextBlock>

<Rectangle Grid.Row="3" Grid.Column="1"

Width="150"

Height="150"

StrokeThickness="1"

Stroke="LimeGreen">

<Rectangle.Fill>

<ImageBrush

ViewportUnits="Absolute"

Viewport="0 0 50 50"

TileMode="FlipY"

AlignmentX="Left"

AlignmentY="Top"

ImageSource="IMAGE\triangle.jpg" />

</Rectangle.Fill>

</Rectangle>

<TextBlock Grid.Row="2" Grid.Column="2">TileMode="FlipXY"</TextBlock>

<Rectangle Grid.Row="3" Grid.Column="2"

Width="150"

Height="150"

StrokeThickness="1"

Stroke="LimeGreen">

<Rectangle.Fill>

<ImageBrush

ViewportUnits="Absolute"

Viewport="0 0 50 50"

TileMode="FlipXY"

AlignmentX="Left"

AlignmentY="Top"

ImageSource="IMAGE\triangle.jpg" />

</Rectangle.Fill>

</Rectangle>

</Grid>

</Window>

TestProject.zip

[C#/WPF] ImageBrush 엘리먼트 : ViewportUnits/Viewport/TileMode 속성을 사용해 타일 크기 설정하기

■ ImageBrush 엘리먼트의 ViewportUnits/Viewport/TileMode 속성을 사용해 타일 크기를 설정하는 방법을 보여준다. ▶ 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="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Window.Resources>
        <Style TargetType="{x:Type TextBlock}">
            <Setter Property="Margin" Value="5" />
        </Style>
        <Style TargetType="{x:Type Rectangle}">
            <Setter Property="Margin" Value="5" />
        </Style>
    </Window.Resources>
    <Grid
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <TextBlock Grid.Row="0" Grid.Column="0">Without Tiling</TextBlock>
        <Rectangle Grid.Row="1" Grid.Column="0"
            Width="200"
            Height="150"
            StrokeThickness="1"
            Stroke="Black">
            <Rectangle.Fill>
                <ImageBrush
                    AlignmentX="Left"
                    AlignmentY="Top"
                    Stretch="None"
                    ImageSource="IMAGE\cherries_larger.jpg"  />
            </Rectangle.Fill>
        </Rectangle>
        <TextBlock Grid.Row="0" Grid.Column="1">Viewport="0,0,0.1,0.1"</TextBlock>
        <Rectangle Grid.Row="1" Grid.Column="1"
            Width="200"
            Height="150"
            StrokeThickness="1"
            Stroke="LimeGreen">
            <Rectangle.Fill>
                <ImageBrush
                    Viewport="0 0 0.1 0.1"
                    TileMode="Tile"
                    AlignmentX="Left"
                    AlignmentY="Top"
                    ImageSource="IMAGE\cherries_larger.jpg" />
            </Rectangle.Fill>
        </Rectangle>
        <TextBlock Grid.Row="0" Grid.Column="2">Viewport="0,0,0.1,0.3"</TextBlock>
        <Rectangle Grid.Row="1" Grid.Column="2"
            Width="200"
            Height="150"
            StrokeThickness="1"
            Stroke="LimeGreen">
            <Rectangle.Fill>
                <ImageBrush
                    Viewport="0 0 0.1 0.3"
                    TileMode="Tile"
                    AlignmentX="Left"
                    AlignmentY="Top"
                    ImageSource="IMAGE\cherries_larger.jpg" />
            </Rectangle.Fill>
        </Rectangle>
        <TextBlock Grid.Row="2" Grid.Column="0">Viewport="0,0,0.5,0.5"</TextBlock>
        <Rectangle Grid.Row="3" Grid.Column="0"
            Width="200"
            Height="150"
            StrokeThickness="1"
            Stroke="LimeGreen">
            <Rectangle.Fill>
                <ImageBrush
                    Viewport="0 0 0.5 0.5"
                    TileMode="Tile"
                    AlignmentX="Left"
                    AlignmentY="Top"
                    ImageSource="IMAGE\cherries_larger.jpg" />
            </Rectangle.Fill>
        </Rectangle>
        <TextBlock Grid.Row="2" Grid.Column="1">Viewport="0,0,0.25,0.25"<LineBreak />ViewportUnits="Absolute"</TextBlock>
        <Rectangle Grid.Row="3" Grid.Column="1"
            Width="200"
            Height="150"
            StrokeThickness="1"
            Stroke="LimeGreen">
            <Rectangle.Fill>
                <ImageBrush
                    ViewportUnits="Absolute"
                    Viewport="0 0 25 25"
                    TileMode="Tile"
                    AlignmentX="Left"
                    AlignmentY="Top"
                    ImageSource="IMAGE\cherries_larger.jpg" />
            </Rectangle.Fill>
        </Rectangle>
        <TextBlock Grid.Row="2" Grid.Column="2">Viewport="0,0,0.25,0.50"<LineBreak />ViewportUnits="Absolute"</TextBlock>
        <Rectangle Grid.Row="3" Grid.Column="2"
            Width="200"
            Height="150"
            StrokeThickness="1"
            Stroke="LimeGreen">
            <Rectangle.Fill>
                <ImageBrush
                    ViewportUnits="Absolute"
                    Viewport="0 0 25 50"
                    TileMode="Tile"
                    AlignmentX="Left"
                    AlignmentY="Top"
                    ImageSource="IMAGE\cherries_larger.jpg" />
            </Rectangle.Fill>
        </Rectangle>
    </Grid>
</Window>

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

<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="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

<Window.Resources>

</Style>

</Style>

</Window.Resources>

<Grid

HorizontalAlignment="Center"

VerticalAlignment="Center">

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<TextBlock Grid.Row="0" Grid.Column="0">Without Tiling</TextBlock>

<Rectangle Grid.Row="1" Grid.Column="0"

Width="200"

Height="150"

StrokeThickness="1"

Stroke="Black">

<Rectangle.Fill>

<ImageBrush

AlignmentX="Left"

AlignmentY="Top"

Stretch="None"

ImageSource="IMAGE\cherries_larger.jpg" />

</Rectangle.Fill>

</Rectangle>

<TextBlock Grid.Row="0" Grid.Column="1">Viewport="0,0,0.1,0.1"</TextBlock>

<Rectangle Grid.Row="1" Grid.Column="1"

Width="200"

Height="150"

StrokeThickness="1"

Stroke="LimeGreen">

<Rectangle.Fill>

<ImageBrush

Viewport="0 0 0.1 0.1"

TileMode="Tile"

AlignmentX="Left"

AlignmentY="Top"

ImageSource="IMAGE\cherries_larger.jpg" />

</Rectangle.Fill>

</Rectangle>

<TextBlock Grid.Row="0" Grid.Column="2">Viewport="0,0,0.1,0.3"</TextBlock>

<Rectangle Grid.Row="1" Grid.Column="2"

Width="200"

Height="150"

StrokeThickness="1"

Stroke="LimeGreen">

<Rectangle.Fill>

<ImageBrush

Viewport="0 0 0.1 0.3"

TileMode="Tile"

AlignmentX="Left"

AlignmentY="Top"

ImageSource="IMAGE\cherries_larger.jpg" />

</Rectangle.Fill>

</Rectangle>

<TextBlock Grid.Row="2" Grid.Column="0">Viewport="0,0,0.5,0.5"</TextBlock>

<Rectangle Grid.Row="3" Grid.Column="0"

Width="200"

Height="150"

StrokeThickness="1"

Stroke="LimeGreen">

<Rectangle.Fill>

<ImageBrush

Viewport="0 0 0.5 0.5"

TileMode="Tile"

AlignmentX="Left"

AlignmentY="Top"

ImageSource="IMAGE\cherries_larger.jpg" />

</Rectangle.Fill>

</Rectangle>

<TextBlock Grid.Row="2" Grid.Column="1">Viewport="0,0,0.25,0.25"<LineBreak />ViewportUnits="Absolute"</TextBlock>

<Rectangle Grid.Row="3" Grid.Column="1"

Width="200"

Height="150"

StrokeThickness="1"

Stroke="LimeGreen">

<Rectangle.Fill>

<ImageBrush

ViewportUnits="Absolute"

Viewport="0 0 25 25"

TileMode="Tile"

AlignmentX="Left"

AlignmentY="Top"

ImageSource="IMAGE\cherries_larger.jpg" />

</Rectangle.Fill>

</Rectangle>

<TextBlock Grid.Row="2" Grid.Column="2">Viewport="0,0,0.25,0.50"<LineBreak />ViewportUnits="Absolute"</TextBlock>

<Rectangle Grid.Row="3" Grid.Column="2"

Width="200"

Height="150"

StrokeThickness="1"

Stroke="LimeGreen">

<Rectangle.Fill>

<ImageBrush

ViewportUnits="Absolute"

Viewport="0 0 25 50"

TileMode="Tile"

AlignmentX="Left"

AlignmentY="Top"

ImageSource="IMAGE\cherries_larger.jpg" />

</Rectangle.Fill>

</Rectangle>

</Grid>

</Window>

TestProject.zip

[C#/WPF] ImageBrush 엘리먼트 : TextBlock 객체에서 이미지 그리기

■ ImageBrush 엘리먼트를 사용해 TextBlock 객체에서 이미지를 그리는 방법을 보여준다. ▶ 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="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Window.Resources>
        <Style TargetType="{x:Type TextBlock}">
            <Setter Property="Margin" Value="10" />
        </Style>
        <Style TargetType="{x:Type Image}">
            <Setter Property="Margin" Value="10" />
        </Style>
    </Window.Resources>
    <Grid
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="Auto" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <TextBlock Grid.Row="0" Grid.Column="0"
            FontWeight="Bold">
            The Image
        </TextBlock>
        <TextBlock Grid.Row="0" Grid.Column="1"
            FontWeight="Bold">
            Applied to Text Without Tiling
        </TextBlock>
        <TextBlock Grid.Row="0" Grid.Column="2"
            FontWeight="Bold">
            Applied to Text With Tiling
        </TextBlock>
        <Image Grid.Row="1" Grid.Column="0"
            Width="100"
            Height="100"
            Source="IMAGE\purpleblock.jpg" />
        <TextBlock Grid.Row="1" Grid.Column="1"
            FontFamily="Verdana"
            FontSize="70pt"
            FontWeight="Bold">
            <TextBlock.Foreground>
                <ImageBrush ImageSource="IMAGE\purpleblock.jpg" />
            </TextBlock.Foreground>
            Text
            </TextBlock>
        <TextBlock Grid.Row="1" Grid.Column="2"
            FontFamily="Verdana"
            FontSize="70pt"
            FontWeight="Bold">
            <TextBlock.Foreground>
                <ImageBrush
                    ViewportUnits="Absolute"
                    Viewport="0 0 25 25"
                    TileMode="Tile"
                    ImageSource="IMAGE\purpleblock.jpg" />
            </TextBlock.Foreground>
            Text
        </TextBlock>
        <Image Grid.Row="2" Grid.Column="0"
            Width="100"
            Height="100"
            Source="IMAGE\square.jpg" />
        <TextBlock Grid.Row="2" Grid.Column="1"
            FontFamily="Verdana"
            FontSize="70pt"
            FontWeight="Bold">
            <TextBlock.Foreground>
                <ImageBrush ImageSource="IMAGE\square.jpg" />
            </TextBlock.Foreground>
            Text
        </TextBlock>
        <TextBlock Grid.Row="2" Grid.Column="2"
            FontFamily="Verdana"
            FontSize="70pt"
            FontWeight="Bold">
            <TextBlock.Foreground>
                <ImageBrush
                    ViewportUnits="Absolute"
                    Viewport="0 0 25 25"
                    TileMode="Tile"
                    ImageSource="IMAGE\square.jpg" />
            </TextBlock.Foreground>
            Text
        </TextBlock>
        <Image Grid.Row="3" Grid.Column="0"
            Width="100"
            Height="100"
            Source="IMAGE\pinkcherries.jpg" />
        <TextBlock Grid.Row="3" Grid.Column="1"
            FontFamily="Verdana"
            FontSize="70pt"
            FontWeight="Bold">
            <TextBlock.Foreground>
                <ImageBrush ImageSource="IMAGE\pinkcherries.jpg" />
            </TextBlock.Foreground>
            Text
        </TextBlock>
        <TextBlock Grid.Row="3" Grid.Column="2"
            FontFamily="Verdana"
            FontSize="70pt"
            FontWeight="Bold">
            <TextBlock.Foreground>
                <ImageBrush
                    ViewportUnits="Absolute"
                    Viewport="0 0 25 25"
                    TileMode="Tile"
                    ImageSource="IMAGE\pinkcherries.jpg" />
            </TextBlock.Foreground>
            Text
        </TextBlock>
    </Grid>
</Window>

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

<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="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

<Window.Resources>

</Style>

</Style>

</Window.Resources>

<Grid

HorizontalAlignment="Center"

VerticalAlignment="Center">

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<TextBlock Grid.Row="0" Grid.Column="0"

FontWeight="Bold">

The Image

</TextBlock>

<TextBlock Grid.Row="0" Grid.Column="1"

FontWeight="Bold">

Applied to Text Without Tiling

</TextBlock>

<TextBlock Grid.Row="0" Grid.Column="2"

FontWeight="Bold">

Applied to Text With Tiling

</TextBlock>

<Image Grid.Row="1" Grid.Column="0"

Width="100"

Height="100"

Source="IMAGE\purpleblock.jpg" />

<TextBlock Grid.Row="1" Grid.Column="1"

FontFamily="Verdana"

FontSize="70pt"

FontWeight="Bold">

<TextBlock.Foreground>

</TextBlock.Foreground>

Text

</TextBlock>

<TextBlock Grid.Row="1" Grid.Column="2"

FontFamily="Verdana"

FontSize="70pt"

FontWeight="Bold">

<TextBlock.Foreground>

<ImageBrush

ViewportUnits="Absolute"

Viewport="0 0 25 25"

TileMode="Tile"

ImageSource="IMAGE\purpleblock.jpg" />

</TextBlock.Foreground>

Text

</TextBlock>

<Image Grid.Row="2" Grid.Column="0"

Width="100"

Height="100"

Source="IMAGE\square.jpg" />

<TextBlock Grid.Row="2" Grid.Column="1"

FontFamily="Verdana"

FontSize="70pt"

FontWeight="Bold">

<TextBlock.Foreground>

</TextBlock.Foreground>

Text

</TextBlock>

<TextBlock Grid.Row="2" Grid.Column="2"

FontFamily="Verdana"

FontSize="70pt"

FontWeight="Bold">

<TextBlock.Foreground>

<ImageBrush

ViewportUnits="Absolute"

Viewport="0 0 25 25"

TileMode="Tile"

ImageSource="IMAGE\square.jpg" />

</TextBlock.Foreground>

Text

</TextBlock>

<Image Grid.Row="3" Grid.Column="0"

Width="100"

Height="100"

Source="IMAGE\pinkcherries.jpg" />

<TextBlock Grid.Row="3" Grid.Column="1"

FontFamily="Verdana"

FontSize="70pt"

FontWeight="Bold">

<TextBlock.Foreground>

</TextBlock.Foreground>

Text

</TextBlock>

<TextBlock Grid.Row="3" Grid.Column="2"

FontFamily="Verdana"

FontSize="70pt"

FontWeight="Bold">

<TextBlock.Foreground>

<ImageBrush

ViewportUnits="Absolute"

Viewport="0 0 25 25"

TileMode="Tile"

ImageSource="IMAGE\pinkcherries.jpg" />

</TextBlock.Foreground>

Text

</TextBlock>

</Grid>

</Window>

TestProject.zip

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

■ ImageBrush 엘리먼트의 Stretch 속성을 사용하는 방법을 보여준다. ▶ 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="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Window.Resources>
        <Style TargetType="{x:Type TextBlock}">
            <Setter Property="Margin" Value="5" />
        </Style>
        <Style TargetType="{x:Type Rectangle}">
            <Setter Property="Margin" Value="5" />
        </Style>
    </Window.Resources>
    <Grid
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="Auto" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <TextBlock Grid.Row="0" Grid.Column="0" >Stretch="None"</TextBlock>
        <Rectangle Grid.Row="1" Grid.Column="0"
            Width="300"
            Height="150"
            StrokeThickness="1"
            Stroke="MediumBlue">
            <Rectangle.Fill>
                <ImageBrush
                    Stretch="None"
                    ImageSource="IMAGE\square.jpg" />
            </Rectangle.Fill>
        </Rectangle>
        <TextBlock Grid.Row="0" Grid.Column="1" >Stretch="Uniform"</TextBlock>
        <Rectangle Grid.Row="1" Grid.Column="1"
            Width="300"
            Height="150"
            StrokeThickness="1"
            Stroke="MediumBlue">
            <Rectangle.Fill>
                <ImageBrush
                    Stretch="Uniform"
                    ImageSource="IMAGE\square.jpg" />
            </Rectangle.Fill>
        </Rectangle>
        <TextBlock Grid.Row="2" Grid.Column="0" >Stretch="UniformToFill"</TextBlock>
        <Rectangle Grid.Row="3" Grid.Column="0"
            Width="300"
            Height="150"
            StrokeThickness="1"
            Stroke="MediumBlue">
            <Rectangle.Fill>
                <ImageBrush
                    Stretch="UniformToFill"
                    ImageSource="IMAGE\square.jpg" />
            </Rectangle.Fill>
        </Rectangle>
        <TextBlock Grid.Row="2" Grid.Column="1" >Stretch="Fill"</TextBlock>
        <Rectangle Grid.Row="3" Grid.Column="1"
            Width="300"
            Height="150"
            StrokeThickness="1"
            Stroke="MediumBlue">
            <Rectangle.Fill>
                <ImageBrush
                    Stretch="Fill"
                    ImageSource="IMAGE\square.jpg" />
            </Rectangle.Fill>
        </Rectangle>
    </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="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

<Window.Resources>

</Style>

</Style>

</Window.Resources>

<Grid

HorizontalAlignment="Center"

VerticalAlignment="Center">

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<TextBlock Grid.Row="0" Grid.Column="0" >Stretch="None"</TextBlock>

<Rectangle Grid.Row="1" Grid.Column="0"

Width="300"

Height="150"

StrokeThickness="1"

Stroke="MediumBlue">

<Rectangle.Fill>

<ImageBrush

Stretch="None"

ImageSource="IMAGE\square.jpg" />

</Rectangle.Fill>

</Rectangle>

<TextBlock Grid.Row="0" Grid.Column="1" >Stretch="Uniform"</TextBlock>

<Rectangle Grid.Row="1" Grid.Column="1"

Width="300"

Height="150"

StrokeThickness="1"

Stroke="MediumBlue">

<Rectangle.Fill>

<ImageBrush

Stretch="Uniform"

ImageSource="IMAGE\square.jpg" />

</Rectangle.Fill>

</Rectangle>

<TextBlock Grid.Row="2" Grid.Column="0" >Stretch="UniformToFill"</TextBlock>

<Rectangle Grid.Row="3" Grid.Column="0"

Width="300"

Height="150"

StrokeThickness="1"

Stroke="MediumBlue">

<Rectangle.Fill>

<ImageBrush

Stretch="UniformToFill"

ImageSource="IMAGE\square.jpg" />

</Rectangle.Fill>

</Rectangle>

<TextBlock Grid.Row="2" Grid.Column="1" >Stretch="Fill"</TextBlock>

<Rectangle Grid.Row="3" Grid.Column="1"

Width="300"

Height="150"

StrokeThickness="1"

Stroke="MediumBlue">

<Rectangle.Fill>

<ImageBrush

Stretch="Fill"

ImageSource="IMAGE\square.jpg" />

</Rectangle.Fill>

</Rectangle>

</Grid>

</Window>

TestProject.zip

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

■ ImageBrush 엘리먼트를 사용하는 방법을 보여준다. ▶ 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="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="Auto" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <TextBlock Grid.Row="0" Grid.Column="0"
            Margin="5">
            Filling a Shape
        </TextBlock>
        <Ellipse Grid.Row="1" Grid.Column="0"
            Margin="5"
            Width="150"
            Height="150">
            <Ellipse.Fill>
                <ImageBrush ImageSource="IMAGE\blueberries.jpg" />
            </Ellipse.Fill>
        </Ellipse>
        <TextBlock Grid.Row="0" Grid.Column="1"
            Margin="5">
            Painting a Button
        </TextBlock>
        <Button Grid.Row="1" Grid.Column="1"
            Margin="5"
            Width="100"
            Height="75"
            Foreground="White"
            FontWeight="Bold">
            A Button
            <Button.Background>
                <ImageBrush ImageSource="IMAGE\blueberries.jpg" />
            </Button.Background>
        </Button>
        <TextBlock Grid.Row="0" Grid.Column="2"
            Margin="5">
            Painting a Panel
        </TextBlock>
        <DockPanel Grid.Row="1" Grid.Column="2"
            Margin="5"
            Width="200">
            <DockPanel.Background>
                <ImageBrush ImageSource="IMAGE\blueberries.jpg" />
            </DockPanel.Background>
            <TextBlock DockPanel.Dock="Top"
                Margin="10"
                Foreground="White"
                TextWrapping="Wrap">
                This DockPanel has an image as its background.
            </TextBlock>
        </DockPanel>
        <TextBlock Grid.Row="2" Grid.Column="0"
            Margin="5">
            Outlining a Shape
        </TextBlock>
        <Ellipse Grid.Row="3" Grid.Column="0"
            Margin="5"
            Width="150"
            Height="150"
            StrokeThickness="20">
            <Ellipse.Stroke>
                <ImageBrush
                    ViewportUnits="Absolute"
                    Viewport="-10 -10 160 160"
                    ImageSource="IMAGE\blueberries.jpg" />
            </Ellipse.Stroke>
        </Ellipse>
        <TextBlock Grid.Row="2" Grid.Column="1"
            Margin="5">
            Painting Text
        </TextBlock>
        <TextBlock Grid.Row="3" Grid.Column="1"
            Margin="5"
            FontSize="48pt"
            FontWeight="Bold"
            TextWrapping="Wrap"
            Text="Some Text">
            <TextBlock.Foreground>
                <ImageBrush ImageSource="IMAGE\blueberries.jpg" />
            </TextBlock.Foreground>
        </TextBlock>
        <TextBlock Grid.Row="2" Grid.Column="2"
            Margin="5">
            Painting a Border
        </TextBlock>
        <Border Grid.Row="3" Grid.Column="2"
            Margin="5"
            Width="200"
            BorderThickness="20">
            <Border.BorderBrush>
                <ImageBrush
                    Viewport="-0.1 -0.1 1.5 1.5"
                    ImageSource="IMAGE\blueberries.jpg" />
            </Border.BorderBrush>
            <DockPanel>
                <TextBlock DockPanel.Dock="Top"
                    Margin="10"
                    TextWrapping="Wrap">
                    This DockPanel has a border painted with an ImageBrush.
                </TextBlock>
            </DockPanel>
        </Border>
    </Grid>
</Window>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

<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="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid

HorizontalAlignment="Center"

VerticalAlignment="Center">

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<TextBlock Grid.Row="0" Grid.Column="0"

Margin="5">

Filling a Shape

</TextBlock>

<Ellipse Grid.Row="1" Grid.Column="0"

Margin="5"

Width="150"

Height="150">

<Ellipse.Fill>

</Ellipse.Fill>

</Ellipse>

<TextBlock Grid.Row="0" Grid.Column="1"

Margin="5">

Painting a Button

</TextBlock>

<Button Grid.Row="1" Grid.Column="1"

Margin="5"

Width="100"

Height="75"

Foreground="White"

FontWeight="Bold">

A Button

<Button.Background>

</Button.Background>

</Button>

<TextBlock Grid.Row="0" Grid.Column="2"

Margin="5">

Painting a Panel

</TextBlock>

<DockPanel Grid.Row="1" Grid.Column="2"

Margin="5"

Width="200">

<DockPanel.Background>

</DockPanel.Background>

<TextBlock DockPanel.Dock="Top"

Margin="10"

Foreground="White"

TextWrapping="Wrap">

This DockPanel has an image as its background.

</TextBlock>

</DockPanel>

<TextBlock Grid.Row="2" Grid.Column="0"

Margin="5">

Outlining a Shape

</TextBlock>

<Ellipse Grid.Row="3" Grid.Column="0"

Margin="5"

Width="150"

Height="150"

StrokeThickness="20">

<Ellipse.Stroke>

<ImageBrush

ViewportUnits="Absolute"

Viewport="-10 -10 160 160"

ImageSource="IMAGE\blueberries.jpg" />

</Ellipse.Stroke>

</Ellipse>

<TextBlock Grid.Row="2" Grid.Column="1"

Margin="5">

Painting Text

</TextBlock>

<TextBlock Grid.Row="3" Grid.Column="1"

Margin="5"

FontSize="48pt"

FontWeight="Bold"

TextWrapping="Wrap"

Text="Some Text">

<TextBlock.Foreground>

</TextBlock.Foreground>

</TextBlock>

<TextBlock Grid.Row="2" Grid.Column="2"

Margin="5">

Painting a Border

</TextBlock>

<Border Grid.Row="3" Grid.Column="2"

Margin="5"

Width="200"

BorderThickness="20">

<Border.BorderBrush>

<ImageBrush

Viewport="-0.1 -0.1 1.5 1.5"

ImageSource="IMAGE\blueberries.jpg" />

</Border.BorderBrush>

<TextBlock DockPanel.Dock="Top"

Margin="10"

TextWrapping="Wrap">

This DockPanel has a border painted with an ImageBrush.

</TextBlock>

</DockPanel>

</Border>

</Grid>

</Window>

TestProject.zip

[C#/WPF] ImageBrush 엘리먼트 : AlignmentX/AlignmentY 속성을 사용해 이미지 정렬하기

■ ImageBrush 엘리먼트의 AlignmentX/AlignmentY 속성을 사용해 이미지 브러시 내에서 이미지를 정렬하는 방법을 보여준다. ▶ 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="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Window.Resources>
        <Style TargetType="{x:Type TextBlock}">
            <Setter Property="Margin" Value="5" />
        </Style>
        <Style TargetType="{x:Type Rectangle}">
            <Setter Property="Margin" Value="5" />
        </Style>
    </Window.Resources>
    <Grid
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="Auto" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <TextBlock Grid.Row="0" Grid.Column="0">AlignmentX="Left"</TextBlock>
        <Rectangle Grid.Row="1" Grid.Column="0"
            Width="200"
            Height="150"
            StrokeThickness="1"
            Stroke="Maroon">
            <Rectangle.Fill>
                <ImageBrush
                    AlignmentX="Left"
                    Stretch="None"
                    ImageSource="IMAGE\butterfly2.jpg" />
            </Rectangle.Fill>
        </Rectangle>
        <TextBlock Grid.Row="0" Grid.Column="1">AlignmentX="Center"</TextBlock>
        <Rectangle Grid.Row="1" Grid.Column="1"
            Width="200"
            Height="150"
            StrokeThickness="1"
            Stroke="Maroon">
            <Rectangle.Fill>
                <ImageBrush
                    AlignmentX="Center"
                    Stretch="None"
                    ImageSource="IMAGE\butterfly2.jpg" />
            </Rectangle.Fill>
        </Rectangle>
        <TextBlock Grid.Row="0" Grid.Column="2">AlignmentX="Right"</TextBlock>
        <Rectangle Grid.Row="1" Grid.Column="2"
            Width="200"
            Height="150"
            StrokeThickness="1"
            Stroke="Maroon">
            <Rectangle.Fill>
                <ImageBrush
                    AlignmentX="Right"
                    Stretch="None"
                    ImageSource="IMAGE\butterfly2.jpg" />
            </Rectangle.Fill>
            </Rectangle>
        <TextBlock Grid.Row="2" Grid.Column="0">AlignmentY="Top"</TextBlock>
        <Rectangle Grid.Row="3" Grid.Column="0"
            Width="200"
            Height="150"
            StrokeThickness="1"
            Stroke="Maroon">
            <Rectangle.Fill>
                <ImageBrush
                    AlignmentY="Top"
                    Stretch="None"
                    ImageSource="IMAGE\butterfly2.jpg" />
            </Rectangle.Fill>
        </Rectangle>
        <TextBlock Grid.Row="2" Grid.Column="1">AlignmentY="Center"</TextBlock>
        <Rectangle Grid.Row="3" Grid.Column="1"
            Width="200"
            Height="150"
            StrokeThickness="1"
            Stroke="Maroon">
            <Rectangle.Fill>
                <ImageBrush
                    AlignmentY="Center"
                    Stretch="None"
                    ImageSource="IMAGE\butterfly2.jpg" />
            </Rectangle.Fill>
        </Rectangle>
        <TextBlock Grid.Row="2" Grid.Column="2">AlignmentY="Bottom"</TextBlock>
        <Rectangle Grid.Row="3" Grid.Column="2"
            Width="200"
            Height="150"
            StrokeThickness="1"
            Stroke="Maroon">
            <Rectangle.Fill>
                <ImageBrush
                    AlignmentY="Bottom"
                    Stretch="None"
                    ImageSource="IMAGE\butterfly2.jpg" />
            </Rectangle.Fill>
        </Rectangle>
    </Grid>
</Window>

100

101

102

103

104

105

106

107

108

109

110

111

112

<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="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

<Window.Resources>

</Style>

</Style>

</Window.Resources>

<Grid

HorizontalAlignment="Center"

VerticalAlignment="Center">

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<TextBlock Grid.Row="0" Grid.Column="0">AlignmentX="Left"</TextBlock>

<Rectangle Grid.Row="1" Grid.Column="0"

Width="200"

Height="150"

StrokeThickness="1"

Stroke="Maroon">

<Rectangle.Fill>

<ImageBrush

AlignmentX="Left"

Stretch="None"

ImageSource="IMAGE\butterfly2.jpg" />

</Rectangle.Fill>

</Rectangle>

<TextBlock Grid.Row="0" Grid.Column="1">AlignmentX="Center"</TextBlock>

<Rectangle Grid.Row="1" Grid.Column="1"

Width="200"

Height="150"

StrokeThickness="1"

Stroke="Maroon">

<Rectangle.Fill>

<ImageBrush

AlignmentX="Center"

Stretch="None"

ImageSource="IMAGE\butterfly2.jpg" />

</Rectangle.Fill>

</Rectangle>

<TextBlock Grid.Row="0" Grid.Column="2">AlignmentX="Right"</TextBlock>

<Rectangle Grid.Row="1" Grid.Column="2"

Width="200"

Height="150"

StrokeThickness="1"

Stroke="Maroon">

<Rectangle.Fill>

<ImageBrush

AlignmentX="Right"

Stretch="None"

ImageSource="IMAGE\butterfly2.jpg" />

</Rectangle.Fill>

</Rectangle>

<TextBlock Grid.Row="2" Grid.Column="0">AlignmentY="Top"</TextBlock>

<Rectangle Grid.Row="3" Grid.Column="0"

Width="200"

Height="150"

StrokeThickness="1"

Stroke="Maroon">

<Rectangle.Fill>

<ImageBrush

AlignmentY="Top"

Stretch="None"

ImageSource="IMAGE\butterfly2.jpg" />

</Rectangle.Fill>

</Rectangle>

<TextBlock Grid.Row="2" Grid.Column="1">AlignmentY="Center"</TextBlock>

<Rectangle Grid.Row="3" Grid.Column="1"

Width="200"

Height="150"

StrokeThickness="1"

Stroke="Maroon">

<Rectangle.Fill>

<ImageBrush

AlignmentY="Center"

Stretch="None"

ImageSource="IMAGE\butterfly2.jpg" />

</Rectangle.Fill>

</Rectangle>

<TextBlock Grid.Row="2" Grid.Column="2">AlignmentY="Bottom"</TextBlock>

<Rectangle Grid.Row="3" Grid.Column="2"

Width="200"

Height="150"

StrokeThickness="1"

Stroke="Maroon">

<Rectangle.Fill>

<ImageBrush

AlignmentY="Bottom"

Stretch="None"

ImageSource="IMAGE\butterfly2.jpg" />

</Rectangle.Fill>

</Rectangle>

</Grid>

</Window>

TestProject.zip

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

■ ImageDrawing 엘리먼트를 사용하는 방법을 보여준다. ▶ MainWindow.xaml


<Window Name="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="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <StackPanel
        HorizontalAlignment="Center"
        VerticalAlignment="Center"
        Orientation="Horizontal">
        <Button
            Margin="10"
            Width="100"
            Height="100">
            Click Me
            <Button.Background>
                <DrawingBrush>
                    <DrawingBrush.Drawing>
                        <DrawingGroup>
                            <DrawingGroup.Children>
                                <GeometryDrawing Brush="Pink">
                                    <GeometryDrawing.Geometry>
                                        <RectangleGeometry Rect="0 0 100 100" />
                                    </GeometryDrawing.Geometry>
                                </GeometryDrawing>
                                <ImageDrawing
                                    Rect="50 50 50 50"
                                    ImageSource="IMAGE\cherries.jpg" />
                                <ImageDrawing
                                    Rect="0 0 50 50"
                                    ImageSource="IMAGE\cherries.jpg" />
                            </DrawingGroup.Children>
                        </DrawingGroup>
                    </DrawingBrush.Drawing>
                </DrawingBrush>
            </Button.Background>
        </Button>
        <Ellipse
            Margin="10"
            Width="200"
            Height="200"
            StrokeThickness="1"
            Stroke="Red">
            <Ellipse.Fill>
                <DrawingBrush
                    ViewportUnits="Absolute"
                    Viewport="0 0 150 50"
                    TileMode="Tile">
                    <DrawingBrush.Drawing>
                        <DrawingGroup>
                            <DrawingGroup.Children>
                                <ImageDrawing
                                    Rect="0 0 100 50"
                                    ImageSource="IMAGE\Apple.JPG" />
                                <ImageDrawing
                                    Rect="100 0 50 50"
                                    ImageSource="IMAGE\cherries.JPG" />
                            </DrawingGroup.Children>
                        </DrawingGroup>
                    </DrawingBrush.Drawing>
                </DrawingBrush>
            </Ellipse.Fill>
        </Ellipse>
        <Path
            Margin="10"
            Stretch="Uniform">
            <Path.Data>
                <CombinedGeometry GeometryCombineMode="Union">
                    <CombinedGeometry.Geometry1>
                        <RectangleGeometry Rect="50 70 100 100" />
                    </CombinedGeometry.Geometry1>
                    <CombinedGeometry.Geometry2>
                        <EllipseGeometry
                            Center="100 70"
                            RadiusX="35"
                            RadiusY="40" />
                    </CombinedGeometry.Geometry2>
                </CombinedGeometry>
            </Path.Data>
            <Path.Fill>
                <DrawingBrush>
                    <DrawingBrush.Drawing>
                        <ImageDrawing ImageSource="IMAGE\waterlilies.JPG">
                            <ImageDrawing.Rect>
                                <Rect
                                    X="100"
                                    Y="100"
                                    Width="50"
                                    Height="50" />
                            </ImageDrawing.Rect>
                        </ImageDrawing>
                    </DrawingBrush.Drawing>
                </DrawingBrush>
            </Path.Fill>
        </Path>
    </StackPanel>
</Window>

100

101

<Window Name="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="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center"

Orientation="Horizontal">

<Button

Margin="10"

Width="100"

Height="100">

Click Me

<Button.Background>

<DrawingBrush.Drawing>

<DrawingGroup.Children>

<GeometryDrawing.Geometry>

</GeometryDrawing.Geometry>

</GeometryDrawing>

<ImageDrawing

Rect="50 50 50 50"

ImageSource="IMAGE\cherries.jpg" />

<ImageDrawing

Rect="0 0 50 50"

ImageSource="IMAGE\cherries.jpg" />

</DrawingGroup.Children>

</DrawingGroup>

</DrawingBrush.Drawing>

</DrawingBrush>

</Button.Background>

</Button>

<Ellipse

Margin="10"

Width="200"

Height="200"

StrokeThickness="1"

Stroke="Red">

<Ellipse.Fill>

<DrawingBrush

ViewportUnits="Absolute"

Viewport="0 0 150 50"

TileMode="Tile">

<DrawingBrush.Drawing>

<DrawingGroup.Children>

<ImageDrawing

Rect="0 0 100 50"

ImageSource="IMAGE\Apple.JPG" />

<ImageDrawing

Rect="100 0 50 50"

ImageSource="IMAGE\cherries.JPG" />

</DrawingGroup.Children>

</DrawingGroup>

</DrawingBrush.Drawing>

</DrawingBrush>

</Ellipse.Fill>

</Ellipse>

<Path

Margin="10"

Stretch="Uniform">

<Path.Data>

<CombinedGeometry.Geometry1>

</CombinedGeometry.Geometry1>

<CombinedGeometry.Geometry2>

<EllipseGeometry

Center="100 70"

RadiusX="35"

RadiusY="40" />

</CombinedGeometry.Geometry2>

</CombinedGeometry>

</Path.Data>

<Path.Fill>

<DrawingBrush.Drawing>

<ImageDrawing.Rect>

<Rect

X="100"

Y="100"

Width="50"

Height="50" />

</ImageDrawing.Rect>

</ImageDrawing>

</DrawingBrush.Drawing>

</DrawingBrush>

</Path.Fill>

</Path>

</StackPanel>

</Window>

TestProject.zip

[C#/WPF] DrawingBrush 엘리먼트 : 드로잉 브러시 애니메이션 만들기

■ DrawingBrush 엘리먼트를 사용해 드로잉 브러시 애니메이션을 만드는 방법을 보여준다. ▶ MainWindow.xaml


<Window Name="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="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Canvas Name="canvas"
        Width="400"
        Height="400">
        <Canvas.Background>
            <DrawingBrush
                ViewportUnits="Absolute"
                Viewport="0 0 100 100"
                ViewboxUnits="Absolute"
                Viewbox="0 0 1 1"
                TileMode="FlipXY">
                <DrawingBrush.Drawing>
                    <GeometryDrawing>
                        <GeometryDrawing.Pen>
                            <Pen
                                Thickness="0.1"
                                Brush="Orange" />
                        </GeometryDrawing.Pen>
                        <GeometryDrawing.Geometry>
                            <EllipseGeometry
                                Center="0.5 0.5"
                                RadiusX="0.45"
                                RadiusY="0.2" />
                        </GeometryDrawing.Geometry>
                    </GeometryDrawing>
                </DrawingBrush.Drawing>
            </DrawingBrush>
        </Canvas.Background>
    </Canvas>
    <Window.Triggers>
        <EventTrigger RoutedEvent="Page.Loaded">
            <BeginStoryboard>
                <Storyboard>
                    <DoubleAnimation
                        Storyboard.TargetName="canvas"
                        Storyboard.TargetProperty="(DockPanel.Background).(DrawingBrush.Drawing).(GeometryDrawing.Geometry).(EllipseGeometry.RadiusX)"
                        Duration="00:00:10"
                        From="0.01"
                        To="0.5"
                        AutoReverse="True"
                        RepeatBehavior="Forever" />
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </Window.Triggers>
</Window>

<Window Name="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="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

<Canvas Name="canvas"

Width="400"

Height="400">

<Canvas.Background>

<DrawingBrush

ViewportUnits="Absolute"

Viewport="0 0 100 100"

ViewboxUnits="Absolute"

Viewbox="0 0 1 1"

TileMode="FlipXY">

<DrawingBrush.Drawing>

<GeometryDrawing.Pen>

<Pen

Thickness="0.1"

Brush="Orange" />

</GeometryDrawing.Pen>

<GeometryDrawing.Geometry>

<EllipseGeometry

Center="0.5 0.5"

RadiusX="0.45"

RadiusY="0.2" />

</GeometryDrawing.Geometry>

</GeometryDrawing>

</DrawingBrush.Drawing>

</DrawingBrush>

</Canvas.Background>

</Canvas>

<Window.Triggers>

<DoubleAnimation

Storyboard.TargetName="canvas"

Storyboard.TargetProperty="(DockPanel.Background).(DrawingBrush.Drawing).(GeometryDrawing.Geometry).(EllipseGeometry.RadiusX)"

Duration="00:00:10"

From="0.01"

To="0.5"

AutoReverse="True"

RepeatBehavior="Forever" />

</Storyboard>

</BeginStoryboard>

</EventTrigger>

</Window.Triggers>

</Window>

TestProject.zip