[C#/WPF] ControlTemplate 엘리먼트 : Button 엘리먼트 정의하기

■ ControlTemplate 엘리먼트를 사용해 Button 엘리먼트를 정의하는 방법을 보여준다.

▶ 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="ControlTemplate 엘리먼트 : Button 엘리먼트 정의하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <Button
            Width="300"
            Height="100">
            <Button.Template>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Grid Margin="5">
                        <Ellipse
                            StrokeThickness="2"
                            Stroke="DarkBlue">
                            <Ellipse.Fill>
                                <RadialGradientBrush
                                    RadiusX="0.5"
                                    RadiusY="0.5"
                                    Center="0.3 0.2">
                                    <GradientStop Offset="0.1" Color="Azure"          />
                                    <GradientStop Offset="1.1" Color="CornflowerBlue" />
                                </RadialGradientBrush>
                            </Ellipse.Fill>
                        </Ellipse>
                        <ContentPresenter Name="content"
                            HorizontalAlignment="Center"
                            VerticalAlignment="Center" />
                    </Grid>
                </ControlTemplate>
            </Button.Template>
            <Button.Content>
                <TextBlock
                    FontSize="24"
                    FontWeight="Bold">
                    테스트
                </TextBlock>
            </Button.Content>
        </Button>
    </Grid>
</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="ControlTemplate 엘리먼트 : Button 엘리먼트 정의하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<Button

Width="300"

Height="100">

<Button.Template>

<Ellipse

StrokeThickness="2"

Stroke="DarkBlue">

<Ellipse.Fill>

<RadialGradientBrush

RadiusX="0.5"

RadiusY="0.5"

Center="0.3 0.2">

</RadialGradientBrush>

</Ellipse.Fill>

</Ellipse>

<ContentPresenter Name="content"

HorizontalAlignment="Center"

VerticalAlignment="Center" />

</Grid>

</ControlTemplate>

</Button.Template>

<Button.Content>

<TextBlock

FontSize="24"

FontWeight="Bold">

테스트

</TextBlock>

</Button.Content>

</Button>

</Grid>

</Window>

TestProject.zip