■ VisualTreeHelper 클래스의 GetDrawing 정적 메소드를 사용해 비주얼 객체에서 드로잉 그룹을 구하는 방법을 보여준다. ▶ 예제 코드 (C#)
|
1 2 3 4 5 6 7 8 9 |
using System.Windows.Media; Visual sourceVisual; ... DrawingGroup drawingGroup = VisualTreeHelper.GetDrawing(sourceVisual); |
■ Image 엘리먼트의 Source 속성에서 DrawingImage 엘리먼트를 사용하는 방법을 보여준다. ▶ MainWindow.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 |
<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"> <Button Width="200" Height="200" Background="RoyalBlue"> <Image Width="180" Height="180"> <Image.Source> <DrawingImage> <DrawingImage.Drawing> <GeometryDrawing Brush="Yellow"> <GeometryDrawing.Geometry> <EllipseGeometry RadiusX="100" RadiusY="100" /> </GeometryDrawing.Geometry> <GeometryDrawing.Pen> <Pen Thickness="10" Brush="Black" /> </GeometryDrawing.Pen> </GeometryDrawing> </DrawingImage.Drawing> </DrawingImage> </Image.Source> </Image> </Button> </Window> |
TestProject.zip
■ UIElement 엘리먼트의 OpacityMask 속성에서 DrawingBrush 객체를 사용하는 방법을 보여준다. ▶ MainWindow.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 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 |
<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> <DrawingBrush x:Key="CheckerDrawingBrushKey" ViewportUnits="Absolute" Viewport="0 0 15 15" TileMode="Tile"> <DrawingBrush.Drawing> <DrawingGroup> <DrawingGroup.Children> <GeometryDrawing Brush="White" Geometry="M 0 0 1 0 1 1 0 1 z" /> <GeometryDrawing Brush="LightGray" Geometry="M 0 0 L 0.5 0 0.5 1 1 1 1 0.5 0 0.5 z" /> </DrawingGroup.Children> </DrawingGroup> </DrawingBrush.Drawing> </DrawingBrush> <LinearGradientBrush x:Key="BlackToTransparentLinearGradientBrushKey" StartPoint="0.5 0.5" EndPoint="1 0.5"> <LinearGradientBrush.GradientStops> <GradientStop Offset="0" Color="#ff000000" /> <GradientStop Offset="1" Color="#99000000" /> </LinearGradientBrush.GradientStops> </LinearGradientBrush> <Style TargetType="{x:Type TextBlock}"> <Setter Property="TextWrapping" Value="Wrap" /> </Style> </Window.Resources> <Grid HorizontalAlignment="Center" VerticalAlignment="Center" Background="{StaticResource CheckerDrawingBrushKey}"> <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" /> <RowDefinition Height="Auto" /> </Grid.RowDefinitions> <TextBlock Grid.Row="0" Grid.Column="0" Margin="10" Background="White"> Without Opacity Mask </TextBlock> <TextBlock Grid.Row="0" Grid.Column="1" Margin="10" Background="White"> The Opacity Mask </TextBlock> <TextBlock Grid.Row="0" Grid.Column="2" Margin="10" Background="White"> With Opacity Mask </TextBlock> <Image Grid.Row="1" Grid.Column="0" Margin="10" Width="200" Height="150" Source="IMAGE/Waterlilies.jpg" /> <Rectangle Grid.Row="1" Grid.Column="1" Margin="10" Width="200" Height="150" StrokeThickness="1" Stroke="Black"> <Rectangle.Fill> <DrawingBrush> <DrawingBrush.Drawing> <GeometryDrawing> <GeometryDrawing.Brush> <RadialGradientBrush> <RadialGradientBrush.GradientStops> <GradientStop Offset="0" Color="Black" /> <GradientStop Offset="1" Color="Transparent" /> </RadialGradientBrush.GradientStops> </RadialGradientBrush> </GeometryDrawing.Brush> <GeometryDrawing.Geometry> <RectangleGeometry Rect="0.05 0.05 0.9 0.9" /> </GeometryDrawing.Geometry> <GeometryDrawing.Pen> <Pen Thickness="0.1" Brush="Black" /> </GeometryDrawing.Pen> </GeometryDrawing> </DrawingBrush.Drawing> </DrawingBrush> </Rectangle.Fill> </Rectangle> <Image Grid.Row="1" Grid.Column="2" Margin="10" Width="200" Height="150" Source="IMAGE/Waterlilies.jpg"> <Image.OpacityMask> <DrawingBrush> <DrawingBrush.Drawing> <GeometryDrawing> <GeometryDrawing.Brush> <RadialGradientBrush> <RadialGradientBrush.GradientStops> <GradientStop Offset="0" Color="Black" /> <GradientStop Offset="1" Color="Transparent" /> </RadialGradientBrush.GradientStops> </RadialGradientBrush> </GeometryDrawing.Brush> <GeometryDrawing.Geometry> <RectangleGeometry Rect="0.05 0.05 0.9 0.9" /> </GeometryDrawing.Geometry> <GeometryDrawing.Pen> <Pen Thickness="0.1" Brush="Black" /> </GeometryDrawing.Pen> </GeometryDrawing> </DrawingBrush.Drawing> </DrawingBrush> </Image.OpacityMask> </Image> <Image Grid.Row="2" Grid.Column="0" Margin="10" Width="200" Height="150" Source="IMAGE/Waterlilies.jpg" /> <Rectangle Grid.Row="2" Grid.Column="1" Margin="10" Width="200" Height="150" StrokeThickness="1" Stroke="Black"> <Rectangle.Fill> <DrawingBrush> <DrawingBrush.Drawing> <GeometryDrawing> <GeometryDrawing.Geometry> <GeometryGroup> <EllipseGeometry Center="0.5 0.5" RadiusX="0.45" RadiusY="0.2" /> <EllipseGeometry Center="0.5 0.5" RadiusX="0.2" RadiusY="0.45" /> </GeometryGroup> </GeometryDrawing.Geometry> <GeometryDrawing.Pen> <Pen Thickness="0.1" Brush="Black" /> </GeometryDrawing.Pen> </GeometryDrawing> </DrawingBrush.Drawing> </DrawingBrush> </Rectangle.Fill> </Rectangle> <Image Grid.Row="2" Grid.Column="2" Margin="10" Width="200" Height="150" Source="IMAGE/Waterlilies.jpg"> <Image.OpacityMask> <DrawingBrush> <DrawingBrush.Drawing> <GeometryDrawing> <GeometryDrawing.Geometry> <GeometryGroup> <EllipseGeometry Center="0.5 0.5" RadiusX="0.45" RadiusY="0.2" /> <EllipseGeometry Center="0.5 0.5" RadiusX="0.2" RadiusY="0.45" /> </GeometryGroup> </GeometryDrawing.Geometry> <GeometryDrawing.Pen> <Pen Thickness="0.1" Brush="Black" /> </GeometryDrawing.Pen> </GeometryDrawing> </DrawingBrush.Drawing> </DrawingBrush> </Image.OpacityMask> </Image> <Button Grid.Row="3" Grid.Column="0" Margin="10" Width="200" Height="100"> A Button </Button> <Rectangle Grid.Row="3" Grid.Column="1" Margin="10" Width="200" Height="100" StrokeThickness="1" Stroke="Black"> <Rectangle.Fill> <DrawingBrush Viewport="0 0 0.25 0.25" TileMode="Tile"> <DrawingBrush.Drawing> <GeometryDrawing> <GeometryDrawing.Brush> <RadialGradientBrush> <RadialGradientBrush.GradientStops> <GradientStop Offset="0" Color="Black" /> <GradientStop Offset="1" Color="Transparent" /> </RadialGradientBrush.GradientStops> </RadialGradientBrush> </GeometryDrawing.Brush> <GeometryDrawing.Geometry> <RectangleGeometry Rect="0.05 0.05 0.9 0.9" /> </GeometryDrawing.Geometry> <GeometryDrawing.Pen> <Pen Thickness="0.1" Brush="Black" /> </GeometryDrawing.Pen> </GeometryDrawing> </DrawingBrush.Drawing> </DrawingBrush> </Rectangle.Fill> </Rectangle> <Button Grid.Row="3" Grid.Column="2" Margin="10" Width="200" Height="100"> A Button <Button.OpacityMask> <DrawingBrush Viewport="0 0 0.25 0.25" TileMode="Tile"> <DrawingBrush.Drawing> <GeometryDrawing> <GeometryDrawing.Brush> <RadialGradientBrush> <RadialGradientBrush.GradientStops> <GradientStop Offset="0" Color="Black" /> <GradientStop Offset="1" Color="Transparent" /> </RadialGradientBrush.GradientStops> </RadialGradientBrush> </GeometryDrawing.Brush> <GeometryDrawing.Geometry> <RectangleGeometry Rect="0.05 0.05 0.9 0.9" /> </GeometryDrawing.Geometry> <GeometryDrawing.Pen> <Pen Thickness="0.1" Brush="Black" /> </GeometryDrawing.Pen> </GeometryDrawing> </DrawingBrush.Drawing> </DrawingBrush> </Button.OpacityMask> </Button> </Grid> </Window> |
TestProject.zip
■ DrawingVisual 객체를 PNG 파일로 저장하는 방법을 보여준다. ▶ MainWindow.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<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"> <Button Name="createImageFileButton" Width="150" Height="30" Content="이미지 파일 생성" /> </Window> |
▶ MainWindow.xaml.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 |
using System; using System.Globalization; using System.IO; using System.Windows; 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(); this.createImageFileButton.Click += createImageFileButton_Click; } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor ////////////////////////////////////////////////////////////////////////////////////////// Public #region 이미지 파일 생성 버튼 클릭시 처리하기 - createImageFileButton_Click(sender, e) /// <summary> /// 이미지 파일 생성 버튼 클릭시 처리하기 /// </summary> /// <param name="sender">이벤트 발생자</param> /// <param name="e">이벤트 인자</param> private void createImageFileButton_Click(object sender, RoutedEventArgs e) { BitmapImage bitmapImage = new BitmapImage(); bitmapImage.BeginInit(); bitmapImage.UriSource = new Uri("IMAGE/waterlilies.jpg", UriKind.Relative); bitmapImage.DecodePixelWidth = 200; bitmapImage.EndInit(); FormattedText formattedText = new FormattedText ( "Waterlilies", new CultureInfo("en-us"), FlowDirection.LeftToRight, new Typeface(FontFamily, FontStyles.Normal, FontWeights.Normal, new FontStretch()), this.FontSize, Brushes.White ); DrawingVisual drawingVisual = new DrawingVisual(); DrawingContext drawingContext = drawingVisual.RenderOpen(); drawingContext.DrawImage(bitmapImage, new Rect(0, 0, bitmapImage.Width, bitmapImage.Height)); drawingContext.DrawText(formattedText, new Point(bitmapImage.Height / 2, 0)); drawingContext.Close(); RenderTargetBitmap renderTargetBitmap = new RenderTargetBitmap ( bitmapImage.PixelWidth, bitmapImage.PixelHeight, 96, 96, PixelFormats.Pbgra32 ); renderTargetBitmap.Render(drawingVisual); PngBitmapEncoder encoder = new PngBitmapEncoder(); encoder.Frames.Add(BitmapFrame.Create(renderTargetBitmap)); using(FileStream stream = File.Create("target.png")) { encoder.Save(stream); } } #endregion } } |
TestProject.zip
■ ImageDrawing 엘리먼트의 Rect/ImageSource 속성을 사용해 이미지 드로잉을 그리는 방법을 보여준다. ▶ MainWindow.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 |
<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> |
TestProject.zip
■ DrawingGroup 엘리먼트의 BitmapEffect/OpacityMask 속성을 사용해 드로잉을 그리는 방법을 보여준다. ▶ MainWindow.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 |
<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"> <Rectangle Width="300" Height="300"> <Rectangle.Fill> <DrawingBrush> <DrawingBrush.Drawing> <DrawingGroup> <DrawingGroup> <GeometryDrawing Brush="#66b5f314"> <GeometryDrawing.Geometry> <EllipseGeometry Center="50 50" RadiusX="50" RadiusY="50" /> </GeometryDrawing.Geometry> <GeometryDrawing.Pen> <Pen Thickness="4" Brush="Black" /> </GeometryDrawing.Pen> </GeometryDrawing> <DrawingGroup.BitmapEffect> <BlurBitmapEffect Radius="5" /> </DrawingGroup.BitmapEffect> </DrawingGroup> <DrawingGroup> <ImageDrawing Rect="50 50 100 100" ImageSource="IMAGE\kiwi.png" /> <DrawingGroup.BitmapEffect> <BevelBitmapEffect /> </DrawingGroup.BitmapEffect> <DrawingGroup.OpacityMask> <RadialGradientBrush> <GradientStop Offset="0.55" Color="#00000000" /> <GradientStop Offset="0.65" Color="#ff000000" /> <GradientStop Offset="0.75" Color="#00000000" /> <GradientStop Offset="0.80" Color="#ff000000" /> <GradientStop Offset="0.90" Color="#00000000" /> <GradientStop Offset="1.0" Color="#ff000000" /> </RadialGradientBrush> </DrawingGroup.OpacityMask> </DrawingGroup> <GeometryDrawing Brush="#66b5f314"> <GeometryDrawing.Geometry> <EllipseGeometry Center="150 150" RadiusX="50" RadiusY="50" /> </GeometryDrawing.Geometry> <GeometryDrawing.Pen> <Pen Thickness="4" Brush="Black" /> </GeometryDrawing.Pen> </GeometryDrawing> </DrawingGroup> </DrawingBrush.Drawing> </DrawingBrush> </Rectangle.Fill> </Rectangle> </Window> |
TestProject.zip
■ DrawingGroup 엘리먼트를 사용해 합성 드로잉을 그리는 방법을 보여준다. ▶ MainWindow.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 |
<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"> <Rectangle Width="300" Height="300"> <Rectangle.Fill> <DrawingBrush> <DrawingBrush.Drawing> <DrawingGroup> <GeometryDrawing Brush="#66b5f314"> <GeometryDrawing.Geometry> <EllipseGeometry Center="50 50" RadiusX="50" RadiusY="50" /> </GeometryDrawing.Geometry> <GeometryDrawing.Pen> <Pen Thickness="4" Brush="Black" /> </GeometryDrawing.Pen> </GeometryDrawing> <ImageDrawing Rect="50 50 100 100" ImageSource="IMAGE\kiwi.png" /> <GeometryDrawing Brush="#66b5f314"> <GeometryDrawing.Geometry> <EllipseGeometry Center="150 150" RadiusX="50" RadiusY="50" /> </GeometryDrawing.Geometry> <GeometryDrawing.Pen> <Pen Thickness="4" Brush="Black" /> </GeometryDrawing.Pen> </GeometryDrawing> </DrawingGroup> </DrawingBrush.Drawing> </DrawingBrush> </Rectangle.Fill> </Rectangle> </Window> |
TestProject.zip
■ DrawingGroup 엘리먼트에서 GuidelineSet 객체를 설정해 드로잉을 만드는 방법을 보여준다. ▶ MainWindow.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 |
<Window x:Class="TestProject.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:PresentationOptions="http://schemas.microsoft.com/winfx/2006/xaml/presentation/options" Width="800" Height="600" Title="TestProject" FontFamily="나눔고딕코딩" FontSize="16"> <Border HorizontalAlignment="Center" VerticalAlignment="Center" BorderThickness="1" BorderBrush="Gray"> <Border.Background> <DrawingBrush ViewportUnits="Absolute" Viewport="0 0 10 10" TileMode="Tile" PresentationOptions:Freeze="True"> <DrawingBrush.Drawing> <DrawingGroup> <GeometryDrawing Brush="White"> <GeometryDrawing.Geometry> <RectangleGeometry Rect="0 0 1 1" /> </GeometryDrawing.Geometry> </GeometryDrawing> <GeometryDrawing Geometry="M 0 0 L 1 0 1 0.1 0 0.1 Z" Brush="#ccccff" /> <GeometryDrawing Geometry="M 0 0 L 0 1 0.1 1 0.1 0 Z" Brush="#ccccff" /> </DrawingGroup> </DrawingBrush.Drawing> </DrawingBrush> </Border.Background> <StackPanel Margin="20" Orientation="Horizontal"> <Image Margin="10" Stretch="None"> <Image.Source> <DrawingImage PresentationOptions:Freeze="True"> <DrawingImage.Drawing> <DrawingGroup> <GeometryDrawing Brush="Black"> <GeometryDrawing.Geometry> <RectangleGeometry Rect="0 20 30 80" /> </GeometryDrawing.Geometry> </GeometryDrawing> <GeometryDrawing Brush="White"> <GeometryDrawing.Geometry> <GeometryGroup> <RectangleGeometry Rect="5.5 25 20 20" /> <RectangleGeometry Rect="5.5 50 20 20" /> <RectangleGeometry Rect="5.5 75 20 20" /> </GeometryGroup> </GeometryDrawing.Geometry> </GeometryDrawing> </DrawingGroup> </DrawingImage.Drawing> </DrawingImage> </Image.Source> </Image> <Image Stretch="None" Margin="50 10 10 10"> <Image.Source> <DrawingImage PresentationOptions:Freeze="True"> <DrawingImage.Drawing> <DrawingGroup> <GeometryDrawing Brush="Black"> <GeometryDrawing.Geometry> <RectangleGeometry Rect="0 20 30 80" /> </GeometryDrawing.Geometry> </GeometryDrawing> <GeometryDrawing Brush="White"> <GeometryDrawing.Geometry> <GeometryGroup> <RectangleGeometry Rect="5.5 25 20 20" /> <RectangleGeometry Rect="5.5 50 20 20" /> <RectangleGeometry Rect="5.5 75 20 20" /> </GeometryGroup> </GeometryDrawing.Geometry> </GeometryDrawing> <DrawingGroup.GuidelineSet> <GuidelineSet GuidelinesX="5.5 25.5" GuidelinesY="25 50 75" /> </DrawingGroup.GuidelineSet> </DrawingGroup> </DrawingImage.Drawing> </DrawingImage> </Image.Source> </Image> </StackPanel> </Border> </Window> |
TestProject.zip
■ DrawingGroup 클래스에서 GuidelineSet 객체를 설정해 드로잉을 만드는 방법을 보여준다. ▶ MainWindow.xaml
|
1 2 3 4 5 6 7 8 9 10 11 |
<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
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 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 |
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 창 외부 GeometryDrawing 객체를 생성한다. GeometryDrawing windowOuterGeometryDrawing = new GeometryDrawing ( Brushes.Black, null, new RectangleGeometry(new Rect(0, 20, 30, 80)) ); #endregion #region 창 내부 GeometryGroup 객체를 생성한다. GeometryGroup windowInnerGeometryGroup = new GeometryGroup(); windowInnerGeometryGroup.Children.Add(new RectangleGeometry(new Rect(5.5, 25, 20, 20))); windowInnerGeometryGroup.Children.Add(new RectangleGeometry(new Rect(5.5, 50, 20, 20))); windowInnerGeometryGroup.Children.Add(new RectangleGeometry(new Rect(5.5, 75, 20, 20))); #endregion #region 창 내부 GeometryDrawing 객체를 생성한다. GeometryDrawing windowInnerGeometryDrawing = new GeometryDrawing ( Brushes.White, null, windowInnerGeometryGroup ); #endregion #region 왼쪽 창 DrawingGroup을 생성한다. DrawingGroup leftWindowDrawingGroup = new DrawingGroup(); leftWindowDrawingGroup.Children.Add(windowOuterGeometryDrawing); leftWindowDrawingGroup.Children.Add(windowInnerGeometryDrawing); #endregion #region 왼쪽 창 DrawingImage 객체를 생성한다. DrawingImage leftWindowDrawingImage = new DrawingImage(leftWindowDrawingGroup); leftWindowDrawingImage.Freeze(); #endregion #region 왼쪽 창 Image 객체를 생성한다. Image leftWindowImage = new Image(); leftWindowImage.HorizontalAlignment = HorizontalAlignment.Left; leftWindowImage.Margin = new Thickness(10); leftWindowImage.Stretch = Stretch.None; leftWindowImage.Source = leftWindowDrawingImage; #endregion #region 오른쪽 창 GuidelineSet 객체를 생성한다. GuidelineSet rightWindowGuidelineSet = new GuidelineSet(); rightWindowGuidelineSet.GuidelinesX.Add( 5.5); rightWindowGuidelineSet.GuidelinesX.Add(25.5); rightWindowGuidelineSet.GuidelinesY.Add(25 ); rightWindowGuidelineSet.GuidelinesY.Add(50 ); rightWindowGuidelineSet.GuidelinesY.Add(75 ); #endregion #region 오른쪽 창 DrawingGroup 객체를 생성한다. DrawingGroup rightWindowDrawingGroup = leftWindowDrawingGroup.Clone(); rightWindowDrawingGroup.GuidelineSet = rightWindowGuidelineSet; #endregion #region 오른쪽 창 DrawingImage 객체를 생성한다. DrawingImage rightWindowDrawingImage = new DrawingImage(rightWindowDrawingGroup); rightWindowDrawingImage.Freeze(); #endregion #region 오른쪽 창 Image 객체를 생성한다. Image rightWindowImage = new Image(); rightWindowImage.HorizontalAlignment = HorizontalAlignment.Left; rightWindowImage.Margin = new Thickness(50, 10, 10, 10); rightWindowImage.Stretch = Stretch.None; rightWindowImage.Source = rightWindowDrawingImage; #endregion #region StackPanel 객체를 생성한다. StackPanel stackPanel = new StackPanel(); stackPanel.Margin = new Thickness(20); stackPanel.Orientation = Orientation.Horizontal; stackPanel.Children.Add(leftWindowImage ); stackPanel.Children.Add(rightWindowImage); #endregion #region 배경 격자 사각형 GeometryDrawing 객체를 생성한다. GeometryDrawing backgroundGridRectangleGeometryDrawing = new GeometryDrawing ( Brushes.White, null, new RectangleGeometry(new Rect(0, 0, 1, 1)) ); #endregion #region 배경 격자 수직선 PolyLineSegment 객체를 생성한다. PolyLineSegment backgroundGridVerticalLinePolyLineSegment = new PolyLineSegment(); backgroundGridVerticalLinePolyLineSegment.Points.Add(new Point(1, 0 )); backgroundGridVerticalLinePolyLineSegment.Points.Add(new Point(1, 0.1)); backgroundGridVerticalLinePolyLineSegment.Points.Add(new Point(0, 0.1)); #endregion #region 배경 격자 수직선 PathFigure 객체를 생성한다. PathFigure backgroundGridVerticalLinePathFigure = new PathFigure(); backgroundGridVerticalLinePathFigure.Segments.Add(backgroundGridVerticalLinePolyLineSegment); #endregion #region 배경 격자 수직선 PathGeometry 객체를 생성한다. PathGeometry backgroundGridVerticalLinePathGeometry = new PathGeometry(); backgroundGridVerticalLinePathGeometry.Figures.Add(backgroundGridVerticalLinePathFigure); #endregion #region 배경 격자 수직선 GeometryDrawing 객체를 생성한다. GeometryDrawing backgroundGridVerticalLineGeometryDrawing = new GeometryDrawing ( new SolidColorBrush(Color.FromArgb(255,204,204,255)), null, backgroundGridVerticalLinePathGeometry ); #endregion #region 배경 격자 수평선 PolyLineSegment 객체를 생성한다. PolyLineSegment backgroundGridHorizontalLinePolyLineSegment = new PolyLineSegment(); backgroundGridHorizontalLinePolyLineSegment.Points.Add(new Point(0 , 1)); backgroundGridHorizontalLinePolyLineSegment.Points.Add(new Point(0.1, 1)); backgroundGridHorizontalLinePolyLineSegment.Points.Add(new Point(0.1, 0)); #endregion #region 배경 격자 수평선 PathFigure 객체를 생성한다. PathFigure backgroundGridHorizontalLinePathFigure = new PathFigure(); backgroundGridHorizontalLinePathFigure.Segments.Add(backgroundGridHorizontalLinePolyLineSegment); #endregion #region 배경 격자 수평선 PathGeometry 객체를 생성한다. PathGeometry backgroundGridHorizontalLinePathGeometry = new PathGeometry(); backgroundGridHorizontalLinePathGeometry.Figures.Add(backgroundGridHorizontalLinePathFigure); #endregion #region 배경 격자 수평선 GeometryDrawing 객체를 생성한다. GeometryDrawing backgroundGridHorizontalLineGeometryDrawing = new GeometryDrawing ( new SolidColorBrush(Color.FromArgb(255, 204, 204, 255)), null, backgroundGridHorizontalLinePathGeometry ); #endregion #region 배경 격자 DrawingGroup 객체를 생성한다. DrawingGroup backgroundGridDrawingGroup = new DrawingGroup(); backgroundGridDrawingGroup.Children.Add(backgroundGridRectangleGeometryDrawing); backgroundGridDrawingGroup.Children.Add(backgroundGridVerticalLineGeometryDrawing ); backgroundGridDrawingGroup.Children.Add(backgroundGridHorizontalLineGeometryDrawing); #endregion #region 배경 격자 DrawingBrush 객체를 생성한다. DrawingBrush backgroundGridDrawingBrush = new DrawingBrush(backgroundGridDrawingGroup); backgroundGridDrawingBrush.ViewportUnits = BrushMappingMode.Absolute; backgroundGridDrawingBrush.Viewport = new Rect(0, 0, 10, 10); backgroundGridDrawingBrush.TileMode = TileMode.Tile; backgroundGridDrawingBrush.Freeze(); #endregion #region border 객체를 생성한다. Border border = new Border(); border.HorizontalAlignment = HorizontalAlignment.Center; border.VerticalAlignment = VerticalAlignment.Center; border.BorderThickness = new Thickness(1); border.BorderBrush = Brushes.Gray; border.Background = backgroundGridDrawingBrush; border.Child = stackPanel; #endregion Content = border; } #endregion } } |
TestProject.zip
■ GlyphRunDrawing 엘리먼트의 GlyphRun 속성을 사용해 텍스트를 그리는 방법을 보여준다. ▶ MainWindow.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 |
<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"> <Rectangle Width="500" Height="100"> <Rectangle.Fill> <DrawingBrush> <DrawingBrush.Drawing> <GlyphRunDrawing ForegroundBrush="Black"> <GlyphRunDrawing.GlyphRun> <GlyphRun CaretStops="{x:Null}" ClusterMap="{x:Null}" IsSideways="False" GlyphOffsets="{x:Null}" GlyphIndices="43 72 79 79 82 3 58 82 85 79 71" BaselineOrigin="0 12.29" FontRenderingEmSize="13.333333333333334" DeviceFontName="{x:Null}" AdvanceWidths="9.62666666666667 7.41333333333333 2.96 2.96 7.41333333333333 3.70666666666667 12.5866666666667 7.41333333333333 4.44 2.96 7.41333333333333" BidiLevel="0"> <GlyphRun.GlyphTypeface> <GlyphTypeface FontUri="C:\WINDOWS\Fonts\TIMES.TTF" /> </GlyphRun.GlyphTypeface> </GlyphRun> </GlyphRunDrawing.GlyphRun> </GlyphRunDrawing> </DrawingBrush.Drawing> </DrawingBrush> </Rectangle.Fill> </Rectangle> </Window> |
TestProject.zip
■ VideoDrawing 엘리먼트에서 MediaTimeline/MediaClock 객체를 사용해 무한 반복하는 동영상을 재생하는 방법을 보여준다. ▶ MainWindow.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
<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"> <Rectangle Width="300" Height="300"> <Rectangle.Fill> <DrawingBrush> <DrawingBrush.Drawing> <VideoDrawing Rect="0 0 300 300"> <VideoDrawing.Player> <MediaPlayer x:Name="mediaPlayer" /> </VideoDrawing.Player> </VideoDrawing> </DrawingBrush.Drawing> </DrawingBrush> </Rectangle.Fill> </Rectangle> </Window> |
▶ MainWindow.xaml.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 |
using System; using System.Windows; using System.Windows.Media.Animation; using System.Windows.Media; namespace TestProject { /// <summary> /// 메인 윈도우 /// </summary> public partial class MainWindow : Window { //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor ////////////////////////////////////////////////////////////////////////////////////////// Public #region 생성자 - MainWindow() /// <summary> /// 생성자 /// </summary> public MainWindow() { InitializeComponent(); Loaded += Window_Loaded; } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Private #region 윈도우 로드시 처리하기 - Window_Loaded(sender, e) /// <summary> /// 윈도우 로드시 처리하기 /// </summary> /// <param name="sender">이벤트 발생자</param> /// <param name="e">이벤트 인자</param> private void Window_Loaded(object sender, RoutedEventArgs e) { MediaTimeline mediaTimeline = new MediaTimeline(new Uri(@"VIDEO\xbox.wmv", UriKind.Relative)); mediaTimeline.RepeatBehavior = RepeatBehavior.Forever; MediaClock mediaClock = mediaTimeline.CreateClock(); this.mediaPlayer.Clock = mediaClock; mediaClock.Controller.Begin(); } #endregion } } |
TestProject.zip
■ VideoDrawing 엘리먼트를 사용해 동영상을 재생하는 방법을 보여준다. ▶ MainWindow.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
<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"> <Rectangle Width="300" Height="300"> <Rectangle.Fill> <DrawingBrush> <DrawingBrush.Drawing> <VideoDrawing Rect="0 0 300 300"> <VideoDrawing.Player> <MediaPlayer x:Name="mediaPlayer" /> </VideoDrawing.Player> </VideoDrawing> </DrawingBrush.Drawing> </DrawingBrush> </Rectangle.Fill> </Rectangle> </Window> |
▶ MainWindow.xaml.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 |
using System; using System.Windows; namespace TestProject { /// <summary> /// 메인 윈도우 /// </summary> public partial class MainWindow : Window { //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor ////////////////////////////////////////////////////////////////////////////////////////// Public #region 생성자 - MainWindow() /// <summary> /// 생성자 /// </summary> public MainWindow() { InitializeComponent(); Loaded += Window_Loaded; } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Private #region 윈도우 로드시 처리하기 - Window_Loaded(sender, e) /// <summary> /// 윈도우 로드시 처리하기 /// </summary> /// <param name="sender">이벤트 발생자</param> /// <param name="e">이벤트 인자</param> private void Window_Loaded(object sender, RoutedEventArgs e) { this.mediaPlayer.Open(new Uri(@"VIDEO\xbox.wmv", UriKind.Relative)); this.mediaPlayer.Play(); } #endregion } } |
TestProject.zip
■ GeometryDrawing 엘리먼트를 사용하는 방법을 보여준다. ▶ MainWindow.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 |
<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"> <Rectangle Width="300" Height="300"> <Rectangle.Fill> <DrawingBrush> <DrawingBrush.Drawing> <GeometryDrawing> <GeometryDrawing.Geometry> <GeometryGroup> <EllipseGeometry Center="50 50" RadiusX="45" RadiusY="20" /> <EllipseGeometry Center="50 50" RadiusX="20" RadiusY="45" /> </GeometryGroup> </GeometryDrawing.Geometry> <GeometryDrawing.Brush> <LinearGradientBrush> <GradientStop Offset="0.0" Color="Blue" /> <GradientStop Offset="1.0" Color="#ccccff" /> </LinearGradientBrush> </GeometryDrawing.Brush> <GeometryDrawing.Pen> <Pen Thickness="10" Brush="Black" /> </GeometryDrawing.Pen> </GeometryDrawing> </DrawingBrush.Drawing> </DrawingBrush> </Rectangle.Fill> </Rectangle> </Window> |
TestProject.zip
■ DrawingBrush 엘리먼트의 AlignmentX/AlignmentY 속성을 사용해 드로잉 브러시를 만드는 방법을 보여준다. ▶ MainWindow.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 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 |
<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.RowDefinitions> <RowDefinition Height="Auto" /> <RowDefinition Height="Auto" /> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="Auto" /> <ColumnDefinition Width="Auto" /> </Grid.ColumnDefinitions> <Rectangle Grid.Row="0" Grid.Column="0" Margin="10" Width="150" Height="150" StrokeThickness="2" Stroke="Red"> <Rectangle.Fill> <DrawingBrush AlignmentX="Left" AlignmentY="Top" Stretch="None"> <DrawingBrush.Drawing> <GeometryDrawing Brush="MediumBlue"> <GeometryDrawing.Geometry> <GeometryGroup> <EllipseGeometry RadiusX="20" RadiusY="45" Center="50 50" /> <EllipseGeometry RadiusX="45" RadiusY="20" Center="50 50" /> </GeometryGroup> </GeometryDrawing.Geometry> <GeometryDrawing.Pen> <Pen Thickness="10" Brush="Gray" /> </GeometryDrawing.Pen> </GeometryDrawing> </DrawingBrush.Drawing> </DrawingBrush> </Rectangle.Fill> </Rectangle> <Rectangle Grid.Row="0" Grid.Column="1" Margin="10" Width="150" Height="150" StrokeThickness="2" Stroke="Red"> <Rectangle.Fill> <DrawingBrush Viewport="0 0 0.25 0.5" AlignmentX="Left" AlignmentY="Top" TileMode="Tile" Stretch="Uniform"> <DrawingBrush.Drawing> <GeometryDrawing Brush="MediumBlue"> <GeometryDrawing.Geometry> <GeometryGroup> <EllipseGeometry RadiusX="20" RadiusY="45" Center="50 50" /> <EllipseGeometry RadiusX="45" RadiusY="20" Center="50 50" /> </GeometryGroup> </GeometryDrawing.Geometry> <GeometryDrawing.Pen> <Pen Thickness="10" Brush="Gray" /> </GeometryDrawing.Pen> </GeometryDrawing> </DrawingBrush.Drawing> </DrawingBrush> </Rectangle.Fill> </Rectangle> <Rectangle Grid.Row="1" Grid.Column="0" Margin="10" Width="150" Height="150" StrokeThickness="2" Stroke="Red"> <Rectangle.Fill> <DrawingBrush Stretch="None" AlignmentX="Right" AlignmentY="Bottom"> <DrawingBrush.Drawing> <GeometryDrawing Brush="MediumBlue"> <GeometryDrawing.Geometry> <GeometryGroup> <EllipseGeometry RadiusX="20" RadiusY="45" Center="50 50" /> <EllipseGeometry RadiusX="45" RadiusY="20" Center="50 50" /> </GeometryGroup> </GeometryDrawing.Geometry> <GeometryDrawing.Pen> <Pen Thickness="10" Brush="Gray" /> </GeometryDrawing.Pen> </GeometryDrawing> </DrawingBrush.Drawing> </DrawingBrush> </Rectangle.Fill> </Rectangle> <Rectangle Grid.Row="1" Grid.Column="1" Margin="10" Width="150" Height="150" StrokeThickness="2" Stroke="Red"> <Rectangle.Fill> <DrawingBrush Viewport="0 0 0.25 0.5" AlignmentX="Right" AlignmentY="Bottom" TileMode="Tile" Stretch="Uniform"> <DrawingBrush.Drawing> <GeometryDrawing Brush="MediumBlue"> <GeometryDrawing.Geometry> <GeometryGroup> <EllipseGeometry RadiusX="20" RadiusY="45" Center="50 50" /> <EllipseGeometry RadiusX="45" RadiusY="20" Center="50 50" /> </GeometryGroup> </GeometryDrawing.Geometry> <GeometryDrawing.Pen> <Pen Thickness="10" Brush="Gray" /> </GeometryDrawing.Pen> </GeometryDrawing> </DrawingBrush.Drawing> </DrawingBrush> </Rectangle.Fill> </Rectangle> </Grid> </Window> |
TestProject.zip
■ DrawingBrush 엘리먼트의 Viewport/TileMode 속성을 사용해 드로잉 브러시를 만드는 방법을 보여준다. ▶ MainWindow.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 |
<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"> <Rectangle Width="150" Height="150" StrokeThickness="1" Stroke="Black"> <Rectangle.Fill> <DrawingBrush Viewport="0 0 0.25 0.25" TileMode="Tile"> <DrawingBrush.Drawing> <GeometryDrawing Brush="MediumBlue"> <GeometryDrawing.Geometry> <GeometryGroup> <EllipseGeometry RadiusX="20" RadiusY="45" Center="50 50" /> <EllipseGeometry RadiusX="45" RadiusY="20" Center="50 50" /> </GeometryGroup> </GeometryDrawing.Geometry> <GeometryDrawing.Pen> <Pen Thickness="10"> <Pen.Brush> <LinearGradientBrush> <GradientStop Offset="0.0" Color="Black" /> <GradientStop Offset="1.0" Color="Gray" /> </LinearGradientBrush> </Pen.Brush> </Pen> </GeometryDrawing.Pen> </GeometryDrawing> </DrawingBrush.Drawing> </DrawingBrush> </Rectangle.Fill> </Rectangle> </Window> |
TestProject.zip
■ DrawingBrush 엘리먼트의 Drawing 속성을 사용해 드로잉 브러시를 만드는 방법을 보여준다. ▶ MainWindow.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 |
<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"> <Rectangle Width="150" Height="150" StrokeThickness="1" Stroke="Black"> <Rectangle.Fill> <DrawingBrush> <DrawingBrush.Drawing> <GeometryDrawing Brush="MediumBlue"> <GeometryDrawing.Geometry> <GeometryGroup> <EllipseGeometry RadiusX="20" RadiusY="45" Center="50 50" /> <EllipseGeometry RadiusX="45" RadiusY="20" Center="50 50" /> </GeometryGroup> </GeometryDrawing.Geometry> <GeometryDrawing.Pen> <Pen Thickness="10"> <Pen.Brush> <LinearGradientBrush> <GradientStop Offset="0.0" Color="Black" /> <GradientStop Offset="1.0" Color="Gray" /> </LinearGradientBrush> </Pen.Brush> </Pen> </GeometryDrawing.Pen> </GeometryDrawing> </DrawingBrush.Drawing> </DrawingBrush> </Rectangle.Fill> </Rectangle> </Window> |
TestProject.zip
■ DrawingImage 클래스의 Drawing 속성을 사용해 드로잉 이미지를 만드는 방법을 보여준다. ▶ MainWindow.xaml
|
1 2 3 4 5 6 7 8 9 10 11 |
<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
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 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
■ ImageDrawing 엘리먼트를 사용하는 방법을 보여준다. ▶ MainWindow.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 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> <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> |
TestProject.zip
■ DrawingBrush 엘리먼트를 사용해 드로잉 브러시 애니메이션을 만드는 방법을 보여준다. ▶ MainWindow.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 |
<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> |
TestProject.zip
■ DrawingBrush 엘리먼트의 Transform/RelativeTransform 속성을 사용하는 방법을 보여준다. ▶ MainWindow.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 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 |
<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"> <Rectangle Margin="10" Width="100" Height="100" StrokeThickness="1" Stroke="Black"> <Rectangle.Fill> <DrawingBrush Viewport="0 0 0.5 0.5" TileMode="Tile"> <DrawingBrush.Drawing> <DrawingGroup> <DrawingGroup.Children> <GeometryDrawing Brush="Gray" Geometry="M 0 0.1 L 0.1 0 1 0.9 0.9 1 z" /> <GeometryDrawing Brush="Gray" Geometry="M 0.9 0 L 1 0.1 0.1 1 0 0.9 z" /> <GeometryDrawing Brush="#ffff00" Geometry="M 0.25 0.25 L 0.5 0.125 0.75 0.25 0.5 0.5 z" /> <GeometryDrawing Brush="Black" Geometry="M 0.25 0.75 L 0.5 0.875 0.75 0.75 0.5 0.5 z" /> <GeometryDrawing Brush="#ff0000" Geometry="M 0.25 0.75 L 0.125 0.5 0.25 0.25 0.5 0.5 z" /> <GeometryDrawing Brush="MediumBlue" Geometry="M 0.75 0.25 L 0.875 0.5 0.75 0.75 0.5 0.5 z" /> </DrawingGroup.Children> </DrawingGroup> </DrawingBrush.Drawing> </DrawingBrush> </Rectangle.Fill> </Rectangle> <Rectangle Margin="10" Width="100" Height="100" StrokeThickness="1" Stroke="Black"> <Rectangle.Fill> <DrawingBrush Viewport="0 0 0.5 0.5" TileMode="Tile"> <DrawingBrush.Transform> <SkewTransform AngleX="45" AngleY="0" /> </DrawingBrush.Transform> <DrawingBrush.Drawing> <DrawingGroup> <DrawingGroup.Children> <GeometryDrawing Brush="Gray" Geometry="M 0 0.1 L 0.1 0 1 0.9 0.9 1 z" /> <GeometryDrawing Brush="Gray" Geometry="M 0.9 0 L 1 0.1 0.1 1 0 0.9 z" /> <GeometryDrawing Brush="#ffff00" Geometry="M 0.25 0.25 L 0.5 0.125 0.75 0.25 0.5 0.5 z" /> <GeometryDrawing Brush="Black" Geometry="M 0.25 0.75 L 0.5 0.875 0.75 0.75 0.5 0.5 z" /> <GeometryDrawing Brush="#ff0000" Geometry="M 0.25 0.75 L 0.125 0.5 0.25 0.25 0.5 0.5 z" /> <GeometryDrawing Brush="MediumBlue" Geometry="M 0.75 0.25 L 0.875 0.5 0.75 0.75 0.5 0.5 z" /> </DrawingGroup.Children> </DrawingGroup> </DrawingBrush.Drawing> </DrawingBrush> </Rectangle.Fill> </Rectangle> <Rectangle Margin="10" Width="100" Height="100" StrokeThickness="1" Stroke="Black"> <Rectangle.Fill> <DrawingBrush Viewport="0 0 0.5 0.5" TileMode="Tile"> <DrawingBrush.RelativeTransform> <RotateTransform CenterX="0.5" CenterY="0.5" Angle="45" /> </DrawingBrush.RelativeTransform> <DrawingBrush.Drawing> <DrawingGroup> <DrawingGroup.Children> <GeometryDrawing Brush="Gray" Geometry="M 0 0.1 L 0.1 0 1 0.9 0.9 1 z" /> <GeometryDrawing Brush="Gray" Geometry="M 0.9 0 L 1 0.1 0.1 1 0 0.9 z" /> <GeometryDrawing Brush="#ffff00" Geometry="M 0.25 0.25 L 0.5 0.125 0.75 0.25 0.5 0.5 z" /> <GeometryDrawing Brush="Black" Geometry="M 0.25 0.75 L 0.5 0.875 0.75 0.75 0.5 0.5 z" /> <GeometryDrawing Brush="#ff0000" Geometry="M 0.25 0.75 L 0.125 0.5 0.25 0.25 0.5 0.5 z" /> <GeometryDrawing Brush="MediumBlue" Geometry="M 0.75 0.25 L 0.875 0.5 0.75 0.75 0.5 0.5 z" /> </DrawingGroup.Children> </DrawingGroup> </DrawingBrush.Drawing> </DrawingBrush> </Rectangle.Fill> </Rectangle> </StackPanel> </Window> |
TestProject.zip
■ DrawingBrush 엘리먼트를 사용하는 방법을 보여준다. ▶ MainWindow.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 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 |
<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" xmlns:local="clr-namespace:TestProject" Width="800" Height="600" Title="TestProject" FontFamily="나눔고딕코딩" FontSize="16"> <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center"> <StackPanel Margin="10"> <TextBlock> A DrawingBrush paints an area with a drawing.<LineBreak /> It may also be used to create a pattern. The following are some examples. </TextBlock> <StackPanel Margin="10" Orientation="Horizontal"> <Rectangle Margin="10" Width="100" Height="100" StrokeThickness="1" Stroke="Black"> <Rectangle.Fill> <DrawingBrush> <DrawingBrush.Drawing> <DrawingGroup> <DrawingGroup.Children> <GeometryDrawing Brush="Gray" Geometry="M 0 0.1 L 0.1 0 1 0.9 0.9 1 z" /> <GeometryDrawing Brush="Gray" Geometry="M 0.9 0 L 1 0.1 0.1 1 0 0.9 z" /> <GeometryDrawing Brush="#ffff00" Geometry="M 0.25 0.25 L 0.5 0.125 0.75 0.25 0.5 0.5 z" /> <GeometryDrawing Brush="Black" Geometry="M 0.25 0.75 L 0.5 0.875 0.75 0.75 0.5 0.5 z" /> <GeometryDrawing Brush="#ff0000" Geometry="M 0.25 0.75 L 0.125 0.5 0.25 0.25 0.5 0.5 z" /> <GeometryDrawing Brush="MediumBlue" Geometry="M 0.75 0.25 L 0.875 0.5 0.75 0.75 0.5 0.5 z" /> </DrawingGroup.Children> </DrawingGroup> </DrawingBrush.Drawing> </DrawingBrush> </Rectangle.Fill> </Rectangle> <Rectangle Margin="10" Width="100" Height="100" StrokeThickness="1" Stroke="Black"> <Rectangle.Fill> <DrawingBrush Viewport="0 0 0.5 0.5" TileMode="Tile"> <DrawingBrush.Drawing> <DrawingGroup> <DrawingGroup.Children> <GeometryDrawing Brush="Gray" Geometry="M 0 0.1 L 0.1 0 1 0.9 0.9 1 z" /> <GeometryDrawing Brush="Gray" Geometry="M 0.9 0 L 1 0.1 0.1 1 0 0.9 z" /> <GeometryDrawing Brush="#ffff00" Geometry="M 0.25 0.25 L 0.5 0.125 0.75 0.25 0.5 0.5 z" /> <GeometryDrawing Brush="Black" Geometry="M 0.25 0.75 L 0.5 0.875 0.75 0.75 0.5 0.5 z" /> <GeometryDrawing Brush="#ff0000" Geometry="M 0.25 0.75 L 0.125 0.5 0.25 0.25 0.5 0.5 z" /> <GeometryDrawing Brush="MediumBlue" Geometry="M 0.75 0.25 L 0.875 0.5 0.75 0.75 0.5 0.5 z" /> </DrawingGroup.Children> </DrawingGroup> </DrawingBrush.Drawing> </DrawingBrush> </Rectangle.Fill> </Rectangle> <Rectangle Margin="10" Width="100" Height="100" StrokeThickness="1" Stroke="Black"> <Rectangle.Fill> <DrawingBrush Viewport="0 0 0.1 0.1" TileMode="Tile"> <DrawingBrush.Drawing> <DrawingGroup> <DrawingGroup.Children> <GeometryDrawing Brush="Gray" Geometry="M 0 0.1 L 0.1 0 1 0.9 0.9 1 z" /> <GeometryDrawing Brush="Gray" Geometry="M 0.9 0 L 1 0.1 0.1 1 0 0.9 z" /> <GeometryDrawing Brush="#ffff00" Geometry="M 0.25 0.25 L 0.5 0.125 0.75 0.25 0.5 0.5 z" /> <GeometryDrawing Brush="Black" Geometry="M 0.25 0.75 L 0.5 0.875 0.75 0.75 0.5 0.5 z" /> <GeometryDrawing Brush="#ff0000" Geometry="M 0.25 0.75 L 0.125 0.5 0.25 0.25 0.5 0.5 z" /> <GeometryDrawing Brush="MediumBlue" Geometry="M 0.75 0.25 L 0.875 0.5 0.75 0.75 0.5 0.5 z" /> </DrawingGroup.Children> </DrawingGroup> </DrawingBrush.Drawing> </DrawingBrush> </Rectangle.Fill> </Rectangle> </StackPanel> <TextBlock Margin="0 10 0 0"> The following rectangles are filled with a drawing brush.<LineBreak /> Notice how the patterns defined by the DrawingBrush expand to fill the area of the rectangle. </TextBlock> <StackPanel Margin="10" Orientation="Horizontal"> <Rectangle Margin="10" Width="100" Height="100" StrokeThickness="1" Stroke="Black"> <Rectangle.Fill> <DrawingBrush> <DrawingBrush.Drawing> <GeometryDrawing Brush="MediumBlue"> <GeometryDrawing.Geometry> <GeometryGroup> <EllipseGeometry Center="0.5 0.5" RadiusX="0.2" RadiusY="0.45" /> <EllipseGeometry Center="0.5 0.5" RadiusX="0.45" RadiusY="0.2" /> </GeometryGroup> </GeometryDrawing.Geometry> <GeometryDrawing.Pen> <Pen Thickness="0.1" Brush="Black" /> </GeometryDrawing.Pen> </GeometryDrawing> </DrawingBrush.Drawing> </DrawingBrush> </Rectangle.Fill> </Rectangle> <Rectangle Margin="10" Width="200" Height="100" StrokeThickness="1" Stroke="Black"> <Rectangle.Fill> <DrawingBrush> <DrawingBrush.Drawing> <GeometryDrawing Brush="MediumBlue"> <GeometryDrawing.Geometry> <GeometryGroup> <EllipseGeometry Center="0.5 0.5" RadiusX="0.2" RadiusY="0.45" /> <EllipseGeometry Center="0.5 0.5" RadiusX="0.45" RadiusY="0.2" /> </GeometryGroup> </GeometryDrawing.Geometry> <GeometryDrawing.Pen> <Pen Thickness="0.1" Brush="Black" /> </GeometryDrawing.Pen> </GeometryDrawing> </DrawingBrush.Drawing> </DrawingBrush> </Rectangle.Fill> </Rectangle> <Rectangle Margin="10" Width="100" Height="200" StrokeThickness="1" Stroke="Black"> <Rectangle.Fill> <DrawingBrush> <DrawingBrush.Drawing> <GeometryDrawing Brush="MediumBlue"> <GeometryDrawing.Geometry> <GeometryGroup> <EllipseGeometry Center="0.5 0.5" RadiusX="0.2" RadiusY="0.45" /> <EllipseGeometry Center="0.5 0.5" RadiusX="0.45" RadiusY="0.2" /> </GeometryGroup> </GeometryDrawing.Geometry> <GeometryDrawing.Pen> <Pen Thickness="0.1" Brush="Black" /> </GeometryDrawing.Pen> </GeometryDrawing> </DrawingBrush.Drawing> </DrawingBrush> </Rectangle.Fill> </Rectangle> </StackPanel> </StackPanel> </StackPanel> </Window> |
TestProject.zip
■ DrawingBrush 엘리먼트를 사용하는 방법을 보여준다. ▶ MainWindow.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 |
<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"> <Button Width="300" Height="100" FontSize="36" FontWeight="Bold" Foreground="White" Content="TEST"> <Button.Background> <DrawingBrush> <DrawingBrush.Drawing> <GeometryDrawing Brush="RoyalBlue"> <GeometryDrawing.Geometry> <GeometryGroup> <EllipseGeometry Center="25 50" RadiusX="12.5" RadiusY="25" /> <EllipseGeometry Center="50 50" RadiusX="12.5" RadiusY="25" /> <EllipseGeometry Center="75 50" RadiusX="12.5" RadiusY="25" /> </GeometryGroup> </GeometryDrawing.Geometry> <GeometryDrawing.Pen> <Pen Thickness="1" Brush="LightGray" /> </GeometryDrawing.Pen> </GeometryDrawing> </DrawingBrush.Drawing> </DrawingBrush> </Button.Background> </Button> </Window> |
TestProject.zip
■ DrawingBrush 엘리먼트를 사용하는 방법을 보여준다. ▶ MainWindow.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 |
<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"> <Rectangle Width="100" Height="100"> <Rectangle.Fill> <DrawingBrush Viewport="0 0 0.25 0.25" TileMode="Tile"> <DrawingBrush.Drawing> <DrawingGroup> <GeometryDrawing Brush="White"> <GeometryDrawing.Geometry> <RectangleGeometry Rect="0 0 100 100" /> </GeometryDrawing.Geometry> </GeometryDrawing> <GeometryDrawing> <GeometryDrawing.Geometry> <GeometryGroup> <RectangleGeometry Rect="0 0 50 50" /> <RectangleGeometry Rect="50 50 50 50" /> </GeometryGroup> </GeometryDrawing.Geometry> <GeometryDrawing.Brush> <LinearGradientBrush> <GradientStop Offset="0.0" Color="Black" /> <GradientStop Offset="1.0" Color="Gray" /> </LinearGradientBrush> </GeometryDrawing.Brush> </GeometryDrawing> </DrawingGroup> </DrawingBrush.Drawing> </DrawingBrush> </Rectangle.Fill> </Rectangle> </Window> |
TestProject.zip
■ DrawingBrush 클래스를 사용하는 방법을 보여준다. ▶ MainWindow.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<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"> <Rectangle Name="rectangle" Width="100" Height="100" /> </Window> |
▶ MainWindow.xaml.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 |
using System.Windows; using System.Windows.Media; namespace TestProject { /// <summary> /// 메인 윈도우 /// </summary> public partial class MainWindow : Window { //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor ////////////////////////////////////////////////////////////////////////////////////////// Public #region 생성자 - MainWindow() /// <summary> /// 생성자 /// </summary> public MainWindow() { InitializeComponent(); GeometryDrawing backgroundGeometryDrawing = new GeometryDrawing ( Brushes.White, null, new RectangleGeometry(new Rect(0, 0, 100, 100)) ); LinearGradientBrush linearGradientBrush = new LinearGradientBrush(); linearGradientBrush.GradientStops.Add(new GradientStop(Colors.Black, 0.0)); linearGradientBrush.GradientStops.Add(new GradientStop(Colors.Gray , 1.0)); GeometryGroup checkerGeometryGroup = new GeometryGroup(); checkerGeometryGroup.Children.Add(new RectangleGeometry(new Rect(0 , 0 , 50, 50))); checkerGeometryGroup.Children.Add(new RectangleGeometry(new Rect(50, 50, 50, 50))); GeometryDrawing checkerGeometryDrawing = new GeometryDrawing(linearGradientBrush, null, checkerGeometryGroup); DrawingGroup drawingGroup = new DrawingGroup(); drawingGroup.Children.Add(backgroundGeometryDrawing); drawingGroup.Children.Add(checkerGeometryDrawing); DrawingBrush drawingBrush = new DrawingBrush(); drawingBrush.Viewport = new Rect(0, 0, 0.25, 0.25); drawingBrush.TileMode = TileMode.Tile; drawingBrush.Drawing = drawingGroup; this.rectangle.Fill = drawingBrush; } #endregion } } |
TestProject.zip
■ DrawingBrush 클래스를 사용해 텍스트 드로잉 객체를 사용해 컨트롤 배경 브로시를 설정하는 방법을 보여준다. ▶ MainWindow.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
<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"> <Label Name="label" Width="200" Height="50" /> <Button Name="button" Margin="10 0 0 0" Width="200" Height="50" /> </StackPanel> </Window> |
▶ MainWindow.xaml.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 |
using System.Globalization; using System.Windows; using System.Windows.Media; namespace TestProject { /// <summary> /// 메인 윈도우 /// </summary> public partial class MainWindow : Window { //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor ////////////////////////////////////////////////////////////////////////////////////////// Public #region 생성자 - MainWindow() /// <summary> /// 생성자 /// </summary> public MainWindow() { InitializeComponent(); Loaded += Window_Loaded; } #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) { this.label.Background = new DrawingBrush(GetTextDrawing("Custom Label" )); this.button.Background = new DrawingBrush(GetTextDrawing("Custom Button")); } #endregion //////////////////////////////////////////////////////////////////////////////// Function #region 텍스트 드로잉 구하기 - GetTextDrawing(text) /// <summary> /// 텍스트 드로잉 구하기 /// </summary> /// <param name="text">텍스트</param> /// <returns>텍스트 드로잉</returns> private Drawing GetTextDrawing(string text) { DrawingGroup drawingGroup = new DrawingGroup(); using(DrawingContext drawingContext = drawingGroup.Open()) { FormattedText formattedText = new FormattedText ( text, CultureInfo.GetCultureInfo("en-us"), FlowDirection.LeftToRight, new Typeface("Comic Sans MS Bold"), 48, Brushes.Black ); Geometry textGeometry = formattedText.BuildGeometry(new Point(20, 0)); drawingContext.DrawRoundedRectangle ( Brushes.PapayaWhip, null, new Rect(new Size(formattedText.Width + 50, formattedText.Height + 5)), 5.0, 5.0 ); drawingContext.DrawGeometry ( Brushes.Gold, new Pen(Brushes.Maroon, 1.5), textGeometry ); return drawingGroup; } } #endregion } } |
TestProject.zip