WPFでButtonをラップしたカスタムコントロールの作成を試しています。
今のところは以下2つの依存プロパティを定義したのみの簡単なものです。
①MouseOverBackground (マウスオーバー時のBrush)
②MouseDownBackground (マウスクリック時のBrush)
FlatButton.cs
public class FlatButton : Button
{
static FlatButton()
{
DefaultStyleKeyProperty.OverrideMetadata(typeof(FlatButton), new FrameworkPropertyMetadata(typeof(FlatButton)));
}
public static readonly DependencyProperty MouseOverBackgroundProperty =
DependencyProperty.Register(
"MouseOverBackground",
typeof(Brush),
typeof(FlatButton),
new PropertyMetadata(new SolidColorBrush(Colors.DarkGray)));
public static readonly DependencyProperty MouseDownBackgroundProperty =
DependencyProperty.Register(
"MouseDownBackground",
typeof(Brush),
typeof(FlatButton),
new PropertyMetadata(new SolidColorBrush(Colors.LightGray)));
public Brush MouseOverBackground
{
get => (Brush)GetValue(MouseOverBackgroundProperty);
set => SetValue(MouseOverBackgroundProperty, value);
}
public Brush MouseDownBackground
{
get => (Brush)GetValue(MouseDownBackgroundProperty);
set => SetValue(MouseDownBackgroundProperty, value);
}
}
Xamlの定義は以下のようになっています。
FlatButton.xaml
<Style TargetType="{x:Type local:FlatButton}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type local:FlatButton}">
<Border x:Name="VisualBorder"
BorderBrush="{TemplateBinding BorderBrush}"
BorderThickness="{TemplateBinding BorderThickness}">
<Border.Style>
<Style TargetType="Border">
<Setter Property="Background" Value="{TemplateBinding Background}"/>
</Style>
</Border.Style>
<ContentPresenter Content="{TemplateBinding Content}"
HorizontalAlignment="Center" VerticalAlignment="Center"/>
</Border>
<ControlTemplate.Triggers>
<Trigger Property="IsMouseOver" Value="true">
<Setter TargetName="VisualBorder" Property="Background" Value="{TemplateBinding MouseOverBackground}"/>
</Trigger>
<Trigger Property="IsPressed" Value="true">
<Setter TargetName="VisualBorder" Property="Background" Value="{TemplateBinding MouseDownBackground}"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
これでコンパイルを行ったところ、以下のエラーが発生しました。
[ 修飾型名がないため、'Background' メンバーは無効です。 ]
<Style TargetType="Border">
<Setter Property="Background" Value="{TemplateBinding Background}"/>
</Style>
上の部分を削除するとコンパイルが通るのですが、エラーの内容が理解できません。
どの様に修正が必要かご教示お願いします。