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

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

▶ 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">
    <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"
            Margin="5">
            Filling a Shape
        </TextBlock>
        <Ellipse Grid.Row="1" Grid.Column="0"
            Margin="5"
            Width="150"
            Height="150">
            <Ellipse.Fill>
                <ImageBrush ImageSource="IMAGE\blueberries.jpg" />
            </Ellipse.Fill>
        </Ellipse>
        <TextBlock Grid.Row="0" Grid.Column="1"
            Margin="5">
            Painting a Button
        </TextBlock>
        <Button Grid.Row="1" Grid.Column="1"
            Margin="5"
            Width="100"
            Height="75"
            Foreground="White"
            FontWeight="Bold">
            A Button
            <Button.Background>
                <ImageBrush ImageSource="IMAGE\blueberries.jpg" />
            </Button.Background>
        </Button>
        <TextBlock Grid.Row="0" Grid.Column="2"
            Margin="5">
            Painting a Panel
        </TextBlock>
        <DockPanel Grid.Row="1" Grid.Column="2"
            Margin="5"
            Width="200">
            <DockPanel.Background>
                <ImageBrush ImageSource="IMAGE\blueberries.jpg" />
            </DockPanel.Background>
            <TextBlock DockPanel.Dock="Top"
                Margin="10"
                Foreground="White"
                TextWrapping="Wrap">
                This DockPanel has an image as its background.
            </TextBlock>
        </DockPanel>
        <TextBlock Grid.Row="2" Grid.Column="0"
            Margin="5">
            Outlining a Shape
        </TextBlock>
        <Ellipse Grid.Row="3" Grid.Column="0"
            Margin="5"
            Width="150"
            Height="150"
            StrokeThickness="20">
            <Ellipse.Stroke>
                <ImageBrush
                    ViewportUnits="Absolute"
                    Viewport="-10 -10 160 160"
                    ImageSource="IMAGE\blueberries.jpg" />
            </Ellipse.Stroke>
        </Ellipse>
        <TextBlock Grid.Row="2" Grid.Column="1"
            Margin="5">
            Painting Text
        </TextBlock>
        <TextBlock Grid.Row="3" Grid.Column="1"
            Margin="5"
            FontSize="48pt"
            FontWeight="Bold"
            TextWrapping="Wrap"
            Text="Some Text">
            <TextBlock.Foreground>
                <ImageBrush ImageSource="IMAGE\blueberries.jpg" />
            </TextBlock.Foreground>
        </TextBlock>
        <TextBlock Grid.Row="2" Grid.Column="2"
            Margin="5">
            Painting a Border
        </TextBlock>
        <Border Grid.Row="3" Grid.Column="2"
            Margin="5"
            Width="200"
            BorderThickness="20">
            <Border.BorderBrush>
                <ImageBrush
                    Viewport="-0.1 -0.1 1.5 1.5"
                    ImageSource="IMAGE\blueberries.jpg" />
            </Border.BorderBrush>
            <DockPanel>
                <TextBlock DockPanel.Dock="Top"
                    Margin="10"
                    TextWrapping="Wrap">
                    This DockPanel has a border painted with an ImageBrush.
                </TextBlock>
            </DockPanel>
        </Border>
    </Grid>
</Window>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

<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.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<TextBlock Grid.Row="0" Grid.Column="0"

Margin="5">

Filling a Shape

</TextBlock>

<Ellipse Grid.Row="1" Grid.Column="0"

Margin="5"

Width="150"

Height="150">

<Ellipse.Fill>

</Ellipse.Fill>

</Ellipse>

<TextBlock Grid.Row="0" Grid.Column="1"

Margin="5">

Painting a Button

</TextBlock>

<Button Grid.Row="1" Grid.Column="1"

Margin="5"

Width="100"

Height="75"

Foreground="White"

FontWeight="Bold">

A Button

<Button.Background>

</Button.Background>

</Button>

<TextBlock Grid.Row="0" Grid.Column="2"

Margin="5">

Painting a Panel

</TextBlock>

<DockPanel Grid.Row="1" Grid.Column="2"

Margin="5"

Width="200">

<DockPanel.Background>

</DockPanel.Background>

<TextBlock DockPanel.Dock="Top"

Margin="10"

Foreground="White"

TextWrapping="Wrap">

This DockPanel has an image as its background.

</TextBlock>

</DockPanel>

<TextBlock Grid.Row="2" Grid.Column="0"

Margin="5">

Outlining a Shape

</TextBlock>

<Ellipse Grid.Row="3" Grid.Column="0"

Margin="5"

Width="150"

Height="150"

StrokeThickness="20">

<Ellipse.Stroke>

<ImageBrush

ViewportUnits="Absolute"

Viewport="-10 -10 160 160"

ImageSource="IMAGE\blueberries.jpg" />

</Ellipse.Stroke>

</Ellipse>

<TextBlock Grid.Row="2" Grid.Column="1"

Margin="5">

Painting Text

</TextBlock>

<TextBlock Grid.Row="3" Grid.Column="1"

Margin="5"

FontSize="48pt"

FontWeight="Bold"

TextWrapping="Wrap"

Text="Some Text">

<TextBlock.Foreground>

</TextBlock.Foreground>

</TextBlock>

<TextBlock Grid.Row="2" Grid.Column="2"

Margin="5">

Painting a Border

</TextBlock>

<Border Grid.Row="3" Grid.Column="2"

Margin="5"

Width="200"

BorderThickness="20">

<Border.BorderBrush>

<ImageBrush

Viewport="-0.1 -0.1 1.5 1.5"

ImageSource="IMAGE\blueberries.jpg" />

</Border.BorderBrush>

<TextBlock DockPanel.Dock="Top"

Margin="10"

TextWrapping="Wrap">

This DockPanel has a border painted with an ImageBrush.

</TextBlock>

</DockPanel>

</Border>

</Grid>

</Window>

TestProject.zip