カスタムコントロールでのColorAnimation()のやり方について質問

Question

初めて投稿します。
よろしくお願いします。

WPFでプログラムを作成しております。
Buttonテンプレートを使って違う画像にし、
それをクリックした時のアニメーションするようにしたいのです。
［XAML］
<Style TargetType="{x:Type local:SearchButtonControl}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type local:SearchButtonControl}">
<Button x:Name="SearchButton" IsTabStop="False" Width="{TemplateBinding Width}" Height="{TemplateBinding Height}" >
<Button.Template>
<ControlTemplate x:Name="SearchButtonTemplate" TargetType="{x:Type Button}">
<Border x:Name="SearchBorder" Background="#00FFFFFF">
<Ellipse x:Name="SearchIcon" Fill="White" Stroke="#FF404040" StrokeThickness="3" VerticalAlignment="Center" HorizontalAlignment="Center" Stretch="Fill" Width="{TemplateBinding Width}" Height="{TemplateBinding Height}" />
</Border>
</ControlTemplate>
</Button.Template>
</Button>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>

［CS］
public class SearchButtonControl : Control
{
static SearchButtonControl()
{
DefaultStyleKeyProperty.OverrideMetadata(typeof(SearchButtonControl), new FrameworkPropertyMetadata(typeof(SearchButtonControl)));
}

    public override void OnApplyTemplate()
    {
        base.OnApplyTemplate();

        Button SearchButton = GetTemplateChild("SearchButton") as Button;

        ColorAnimation ClickColorAnimation = new ColorAnimation();
        ClickColorAnimation.To = Colors.Orange;
        ClickColorAnimation.Duration = TimeSpan.FromSeconds(1);
        Storyboard.SetTargetName(ClickColorAnimation, "SearchIcon");
        Storyboard.SetTargetProperty(ClickColorAnimation, new PropertyPath(Ellipse.FillProperty));
        Storyboard ClickStoryboard = new Storyboard();
        ClickStoryboard.Children.Add(ClickColorAnimation);
        
        SearchButton.Click += (s,e) =>
        {
            ClickStoryboard.Begin();
        };
    }
}

[実行結果]
ボタンをクリックした時に

型 'System.InvalidOperationException' のハンドルされていない例外が PresentationFramework.dll で発生しました
追加情報:名前 'SearchIcon' を解決するために適用できる名前スコープがありません。

のメッセージが表示されます。

ソース内でアニメーションを動作させる方法を教えて頂けないでしょうか？
宜しくお願いします。

Answer 1

ソースコードを確認しました。
ボタンをクリックしたときに、色をオレンジ色にしたい、ということで良いでしょうか。

以下のような感じで、いかがでしょうか。

[XAML]

    <Style x:Key="ButtonStyle1" TargetType="{x:Type Button}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Grid>
                        <Ellipse x:Name="ellipse" Stroke="Black" StrokeThickness="3" Width="{TemplateBinding Width}" Height="{TemplateBinding Height}" Fill="Transparent"/>
                        <VisualStateManager.VisualStateGroups>
                            <VisualStateGroup x:Name="CommonStates">
                                <VisualState x:Name="Normal"/>
                                <VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <ColorAnimation Storyboard.TargetName="ellipse" To="Orange"  Storyboard.TargetProperty="(Rectangle.Fill).(SolidColorBrush.Color)" Duration="0:0:0"/>
                                    </Storyboard>
                                </VisualState>
                            </VisualStateGroup>
                        </VisualStateManager.VisualStateGroups>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style TargetType="{x:Type local:SearchButtonControl}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type local:SearchButtonControl}">
                    <Grid>
                        <Button Content="Button" HorizontalAlignment="Left" Height="120" Margin="28,32,0,0" Style="{StaticResource ButtonStyle1}" VerticalAlignment="Top" Width="125"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

[CS]

    public class SearchButtonControl: Control
    {
        static SearchButtonControl()
        {
            DefaultStyleKeyProperty.OverrideMetadata(typeof(SearchButtonControl), new FrameworkPropertyMetadata(typeof(SearchButtonControl)));
        } 
    }

以上です。よろしくお願いいたします。

Comments

[koushichan]

ご回答の方有難うございます。
教えて頂いた内容で直してみます。

エラーの内容が分からなかったもので、投稿させて頂いたのです。
自分が記載した内容だと無理な方法だったのだと思います。

返答頂き有難うございました。