[C#/WPF] VisualBrush 엘리먼트 : 해시 패턴 사용하기

■ VisualBrush 엘리먼트를 사용해 해시 패턴을 만드는 방법을 보여준다.

▶ 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="VisualBrush 엘리먼트 : 해시 패턴 사용하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Window.Resources>
        <VisualBrush x:Key="DotFillVisualBrushKey"
            TileMode="Tile"
            ViewportUnits="Absolute"
            Viewport="0 0 10 10"
            ViewboxUnits="Absolute"
            Viewbox="0 0 12 12">
            <VisualBrush.Visual>
                <Ellipse
                    Width="10"
                    Height="10"
                    Fill="#00c0ff" />
            </VisualBrush.Visual>
        </VisualBrush>
        <VisualBrush x:Key="HatchVisualBrushKey"
            TileMode="Tile"
            ViewportUnits="Absolute"
            Viewport="0 0 10 10"
            ViewboxUnits="Absolute"
            Viewbox="0 0 10 10">
            <VisualBrush.Visual>
                <Canvas>
                    <Rectangle
                        Width="10"
                        Height="10"
                        Fill="Azure" />
                    <Path
                        Stroke="Purple"
                        Data="M 0 0 L 10 10" />
                    <Path
                        Stroke="Purple"
                        Data="M 10 0 L 0 10" />
                </Canvas>
            </VisualBrush.Visual>
        </VisualBrush>
    </Window.Resources>
    <Canvas>
        <Rectangle Canvas.Left="100" Canvas.Top="100"
            Width="200"
            Height="200"
            Fill="{StaticResource DotFillVisualBrushKey}" />
        <Rectangle Canvas.Left="400" Canvas.Top="100"
            Width="200"
            Height="200"
            Fill="{StaticResource HatchVisualBrushKey}" />
    </Canvas>
</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="VisualBrush 엘리먼트 : 해시 패턴 사용하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Window.Resources>

<VisualBrush x:Key="DotFillVisualBrushKey"

TileMode="Tile"

ViewportUnits="Absolute"

Viewport="0 0 10 10"

ViewboxUnits="Absolute"

Viewbox="0 0 12 12">

<VisualBrush.Visual>

<Ellipse

Width="10"

Height="10"

Fill="#00c0ff" />

</VisualBrush.Visual>

</VisualBrush>

<VisualBrush x:Key="HatchVisualBrushKey"

TileMode="Tile"

ViewportUnits="Absolute"

Viewport="0 0 10 10"

ViewboxUnits="Absolute"

Viewbox="0 0 10 10">

<VisualBrush.Visual>

<Rectangle

Width="10"

Height="10"

Fill="Azure" />

<Path

Stroke="Purple"

Data="M 0 0 L 10 10" />

<Path

Stroke="Purple"

Data="M 10 0 L 0 10" />

</Canvas>

</VisualBrush.Visual>

</VisualBrush>

</Window.Resources>

<Rectangle Canvas.Left="100" Canvas.Top="100"

Width="200"

Height="200"

Fill="{StaticResource DotFillVisualBrushKey}" />

<Rectangle Canvas.Left="400" Canvas.Top="100"

Width="200"

Height="200"

Fill="{StaticResource HatchVisualBrushKey}" />

</Canvas>

</Window>

TestProject.zip