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

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

TestProject.zip

0.06MB

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