WPF：ストーリーボードアニメーションで定義済みの色をリソース辞書内のボタンスタイルに使用

Question

buttonスタイルを独自のリソース辞書内に記述しようとしています。 基本アニメーションが必要です。マウスの上を移動すると、ボタンの背景が濃いグレーから薄いグレーにフェードします。

問題は、私は特にストーリーボード内のキーによって定義済みの色を参照していたという事実を好きにいないようだということです。なぜ私は既存のリソースを参照するのに慣れているのか分かりません。

例外が実行時に発生します

以下

"InvalidOperationException: Cannot freeze this Storyboard timeline tree for use across threads" 

は、ボタンのための未完成のスタイルです：

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
       xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
       xmlns:local="clr-namespace:Style.Components.Buttons"> 


<Style TargetType="{x:Type Button}" x:Key="LargeFlatListOptionButtonStyle"> 
    <Setter Property="Foreground" Value="{DynamicResource TextParagraphWhiteP1}" /> 
    <Setter Property="BorderThickness" Value="0" /> 
    <Setter Property="Background" Value="{DynamicResource BackgroundGreyLevel2}" /> 
    <Setter Property="MinHeight" Value="32" /> 
    <Setter Property="MinWidth" Value="50" /> 
    <Setter Property="Padding" Value="6,2" /> 
    <Setter Property="BorderBrush" Value="{DynamicResource ControlOutlineUnselected}" /> 
    <Setter Property="SnapsToDevicePixels" Value="true" /> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="{x:Type Button}"> 
       <Grid> 
        <Border Padding="{TemplateBinding Padding}" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}"> 
         <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" /> 
        </Border> 
       </Grid> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
    <Style.Triggers> 
     <!-- ANIMATIONS --> 
     <EventTrigger RoutedEvent="Button.MouseEnter"> 
      <EventTrigger.Actions> 
       <BeginStoryboard> 
        <Storyboard> 
         <ColorAnimation To="{DynamicResource BackgroundGreyLevel2Color}" Storyboard.TargetProperty="(Border.BorderBrush).Color" Duration="0:0:0.1"/> 
        </Storyboard> 
       </BeginStoryboard> 
      </EventTrigger.Actions> 
     </EventTrigger> 
    </Style.Triggers> 
</Style> 

カラーリソースがここで定義されています

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> 
... 
<SolidColorBrush x:Key="BackgroundGreyLevel2" Color="#FF464646" /> 
<SolidColorBrush x:Key="TextParagraphWhiteP1" Color="White" /> 
<Color x:Key="BackgroundGreyLevel2Color" >#FF464646</Color> 
... 

</ResourceDictionary> 

もちろん、私はインラインにフェードする色を書くことができますが、スタイルが灰色から例えば灰色に更新されているかのように、私が既に定義したリソースを使用することをはるかに好むでしょう。青;私はここと他のすべてのインラインの場所でそれを変更することを忘れないでください。

Answer 1

Microsoft Docs on Storyboardsからの引用。

動的リソース参照またはデータバインディング式を使用して、ストーリーボードまたはアニメーションプロパティ値を設定することはできません。これは、スタイル内のすべてがスレッドセーフでなければならず、タイミングシステムはStoryboardオブジェクトをフリーズしてスレッドセーフにする必要があるからです。ストーリーボードまたはその子タイムラインに動的リソース参照またはデータバインディング式が含まれている場合、ストーリーボードをフリーズすることはできません。

私はしてもしなくてもよいあなたのために働くかもしれないいくつかの回避策を（私が行って見てきたもの）、提案することができます：

• カラーリソースを参照するようにStaticResourceマークアップ拡張機能を使用して（それが動作するかどうか色リソースを再定義しますが、後でライブラリのユーザが再定義することはできません）。次に、ボタン用の「ベーススタイル」と異なる色付きボタン用の特定のスタイルを作成することができます（その「ベーススタイル」に基づいて、StaticResourceを使用してアニメーションを追加します）。
• 2つの異なる色の表面を重ねて表示するようにControlTemplateを変更します（濃い灰色の背景を持つ明るい灰色の背景を境界線の上に置いているとします）。次に、上部要素のOpacityをアニメーション化します。あなたは基本的に最上位の要素をフェードアウトします。これらの要素では、DynamicResourceを使用してプロパティを設定できます。