Skip to main content
タイトルからタグ的な文字列を削除し、質問の要点を追加しました。
リンク
nekketsuuu
  • 2.4万
  • 12
  • 53
  • 117

【WPF】CustomControl エラーの内容が理解できない:CustomControl - Button [修飾型名が無い為 メンバーは無効です]

ソース リンク
Nao. 05215
  • 60
  • 1
  • 11

【WPF】CustomControl - Button [修飾型名が無い為 メンバーは無効です]

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>

上の部分を削除するとコンパイルが通るのですが、エラーの内容が理解できません。
どの様に修正が必要かご教示お願いします。