WPF:スタイル再利用のために、ControlTemplateに追加した要素のプロパティを変更したい

Question

課題

Buttonのスタイルを定義する際、元のButtonにはないカスタム要素を外観に追加しようと思います。そのカスタム要素の色について、適用先のButtonが担当する役割の分類に応じて配色を変更したいと思っています。

「Buttonが担当する役割の分類」とは、数種類しかありません。例えば以下のような感じです：

• 押下すると、別の画面に遷移する
• 押下すると、Model側の処理を非メインスレッドで起動する

ここで、画面遷移系のボタンはオレンジ系に、処理実行系のボタンは緑系に、それぞれ配色を割り当てますが、全体的なデザインは配色以外は共通にしたいと思っています。

このようなとき（元々存在するBackgroundみたいなプロパティはBasedOnを使って上書きできると思いますが）スタイルに新しく追加したものはどうやって設定・管理すればいいんでしょうか。

例

以下のようにスタイルを定義します。

<Style TargetType="Button" x:Key="MyBtnStyle1">
  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate TargetType="Button">
        <Border Name="border" Background="Blue" >
          <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
        </Border>
        <ControlTemplate.Triggers>
          <Trigger Property="IsPressed" Value="True">
            <Setter TargetName="border" Property="Background" Value="Aqua" />
          </Trigger>
        </ControlTemplate.Triggers>
      </ControlTemplate>
    </Setter.Value>
  </Setter>
</Style>

ここでボタンに新しく追加した外観要素であるborderの色は非押下時はBlue、押下時はAquaに設定しています。これを、別のスタイルMyBtnStyle2ではそれぞれRed/Pinkに変更する感じです。

ちなみにこの例では色が少ないのでそれぞれBackgroundをTemplateBindingしたりすれば済みますが、実際のスタイルはもっと多くの要素を持っています。

環境

Visual Studio Professional 2019 ver.16.11.9
.NET 5

Answer 1

こんな感じでどうでしょう？（普段あまりStyle.Resources使わないので穴があったらすいません^^;

<Window
  x:Class="Q5vo07sjkii21tp.MainWindow"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Width="400"
  Height="200">
  <Window.Resources>
    <Style x:Key="MyBtnStyle1" TargetType="Button">
      <Style.Resources>
        <SolidColorBrush x:Key="Button.Static.Background" Color="Blue" />
        <SolidColorBrush x:Key="Button.Static.Foreground" Color="White" />
        <SolidColorBrush x:Key="Button.Pressed.Background" Color="Aqua" />
        <SolidColorBrush x:Key="Button.Pressed.Foreground" Color="White" />
      </Style.Resources>
      <Setter Property="Foreground" Value="{DynamicResource Button.Static.Foreground}" />
      <Setter Property="Margin" Value="5" />
      <Setter Property="Padding" Value="5" />
      <Setter Property="Template">
        <Setter.Value>
          <ControlTemplate TargetType="Button">
            <Border Name="border" Background="{DynamicResource Button.Static.Background}">
              <ContentPresenter
                Margin="{TemplateBinding Padding}"
                HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                Focusable="False" />
            </Border>
            <ControlTemplate.Triggers>
              <Trigger Property="IsPressed" Value="True">
                <Setter TargetName="border" Property="Background" Value="{DynamicResource Button.Pressed.Background}" />
                <Setter Property="Foreground" Value="{DynamicResource Button.Pressed.Foreground}" />
              </Trigger>
            </ControlTemplate.Triggers>
          </ControlTemplate>
        </Setter.Value>
      </Setter>
    </Style>

    <Style
      x:Key="MyBtnStyle2"
      BasedOn="{StaticResource MyBtnStyle1}"
      TargetType="Button">
      <Style.Resources>
        <SolidColorBrush x:Key="Button.Static.Background" Color="Red" />
        <SolidColorBrush x:Key="Button.Static.Foreground" Color="White" />
        <SolidColorBrush x:Key="Button.Pressed.Background" Color="Pink" />
        <SolidColorBrush x:Key="Button.Pressed.Foreground" Color="Black" />
      </Style.Resources>
    </Style>
  </Window.Resources>
  <WrapPanel>
    <Button Content="MyBtnStyle1" Style="{StaticResource MyBtnStyle1}" />
    <Button Content="MyBtnStyle2" Style="{StaticResource MyBtnStyle2}" />
  </WrapPanel>
</Window>

Comments

[ttact]

TN8001様、ご回答ありがとうございます。まさに自分が望んでいた実装でして大変助かりました。DynamicResourceは何に使うのかイマイチよくわかってなかったのですが、このようにも使えるのですね。参考にさせて頂きます。

Answer 2

ControlTemplate で設定すべき項目があるのなら、私ならボタンのカスタムコントロールを作って対応します。
カスタムコントロールのDPで BackgroundなりIsPressed時の色を設定してあげれば良いのではないでしょうか。
CustomControl ControlTemplate, WPF で検索すれば色々情報はあると思います。

Comments

[ttact]

ebiryo様、ご回答ありがとうございます。TN8001さんのご回答内容で所望のことが実現できたことと、カスタムコントロールを作る場合には適用先でボタンに対してさらなるカスタマイズを施したい時などに（プロパティの転送実装などで）カスタムコントロール自体の修正が必要になる点などから、申し訳ありませんがベストアンサーからは外させて頂きます。