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

■ ImageBrush 엘리먼트를 사용해 TextBlock 객체에서 이미지를 그리는 방법을 보여준다.

TestProject.zip

0.05MB

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