[WPF] ResourceTemplate And Button - ControlTemplate !!

ControlTemplate 태그 내에는 TargetType 속성을 포함하는 것이 가능하다.
<ControlTemplate x:Key="btnCustom" TargetType="{x:Type Button}">
이 경우 TemplateBinding 표현에서 의존 프로퍼티의 클래스 이름을 앞에 붙일 필요는 없다. 바인딩에는 이 프로퍼티를 참조하라는 정보가 들어 있기 때문.

여러개의 컨트롤이 템플릿을 공유할때 리소스로 정의해야 한다.

btnCustom이라는 x:Key를 가진 ControlTemplate을 정의한 스탠드 얼론 xaml파일이 있다.

ControlTemplate 상에 TargetType 속성을 설정한 이유는 의존 프로퍼티나 이벤트 앞에 반복해서 클래스 이름을 붙이지 않기 위함이다.

<Page x:Class="ButtonWidthTemplate.Page2"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Page2">
   
    <Page.Resources>
        <ControlTemplate x:Key="btnCustom" TargetType="{x:Type Button}">
            <Border Name="border" BorderThickness="3" BorderBrush="Red"
                    Background="{TemplateBinding Foreground}">
                <TextBlock Name="txtblk"
                           FontStyle="Italic"
                           Text="{TemplateBinding Content}"
                           Margin="{TemplateBinding Padding}"
                           Foreground="{TemplateBinding Background}"/>
            </Border>
           
            <ControlTemplate.Triggers>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter TargetName="border"
                            Property="CornerRadius" Value="12" />
                    <Setter TargetName="txtblk"
                            Property="FontWeight" Value="Bold" />
                </Trigger>
                <Trigger Property="IsPressed" Value="True">
                    <Setter TargetName="border"
                            Property="Background"
                            Value="{Binding Path=Background}"/>
                    <Setter TargetName="txtblk"
                            Property="Foreground"
                            Value="{Binding Path=Foreground}"/>
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>
    </Page.Resources>
   
    <StackPanel>
        <Button Template="{StaticResource btnCustom}"
                HorizontalAlignment="Center" Margin="24"
                FontSize="24" Padding="10">
            Button with Custom Template
        </Button>
       
        <Button HorizontalAlignment="Center" Margin="24"
                FontSize="24" Padding="10">
            Normal Button
        </Button>
       
        <Button Template="{StaticResource btnCustom}"
                HorizontalAlignment="Center" Margin="24"
                FontSize="24" Padding="10">
            Another Button with Custom Template
        </Button>
    </StackPanel>
</Page>

• Stackpanel의 3개의 Button 중에서 첫번째, 두번째의 Template 프로퍼티가 설정되어 있다.
• 이 템플릿은 전경색과 배경색을 바꾸게 된다.