ControlTemplate - Yamakiの日記

WPFのUIエレメントは、Styleプロパティ（http://windowssdk.msdn.microsoft.com/en-us/library/system.windows.frameworkelement.style.aspx）を持っており、これを利用することであらかじめ定義しておいたプロパティ、トリガ、イベントなどを一度に適用させることができます。
このStyleについてまだご存じない方は、下記のページが参考になるかと思います。

http://windowssdk.msdn.microsoft.com/en-us/library/ms745683.aspx

このStyleとは別に、WPFのコントロール（http://windowssdk.msdn.microsoft.com/en-us/library/system.windows.controls.control.aspx）は、Templateプロパティ（http://windowssdk.msdn.microsoft.com/en-us/library/system.windows.controls.control.template.aspx）を持っており、これを利用することでプロパティでは設定できない外観を変更することができます。
今までのWindowsフォームコントロールでは、プロパティでコントロールの背景色などは簡単に変更できましたが、たとえばボタンそのものの形を変更するとなると、少々特殊な処理を書かなければなりませんでした。また、それに伴ってマウスの処理なども変更しなければならかったこともあったかと思います。
WPFのコントロールでは、ControlTemplateを定義しておきそれを各コントロールへ適用することで、このようなことを比較的簡単に実現することができます。

ここでは三角形のボタンを作成する例をご紹介します。
この例では、StyleとControlTemplateの両方を使用します。StyleとControlTemplateはリソースとして定義する必要があります。
リソースは、システムレベルのリソース、アプリケーション単位のリソース、Window単位のリソース、各エレメント単位のリソースと様々なレベルで定義することができます。今回はResourceDictionaryとして別ファイルに定義したものを、Windowのリソースとして適用します。
リソースについてまだよくご存じない方は、下記のページが参考になるかと思います。

http://windowssdk.msdn.microsoft.com/en-us/library/ms750613.aspx

Dictionary1.xaml

Window1.xaml

<Window x:Class="Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="ControlTemplate" Height="150" Width="400"
    >
    <Window.Resources>
        <ResourceDictionary Source="\Dictionary1.xaml"/>
    </Window.Resources>
    <Viewbox Stretch="Uniform">
        <StackPanel Orientation="Horizontal">
            <Button Margin="10">はい</Button>
            <Button Margin="10">いいえ</Button>
            <Button Margin="10">キャンセル</Button>
        </StackPanel>
    </Viewbox>
</Window>

これを実行しますと、下記のような画面となります。