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

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

TestProject.zip

0.11MB

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