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

■ ImageBrush 엘리먼트 : ViewportUnits/Viewport/TileMode 속성을 사용해 타일 크기 설정하기

TestProject.zip

0.02MB

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