WPFアニメーションの読み込み中にデータトリガーが発生する

Question

データトリガーがfalseに設定されていると、関連するコントロールがアニメーションで非表示になります。スクリーンが読み込まれるとき、プロパティの値はすでにfalseです。それでもアニメーションを実行し、コントロールをフェードアウトさせて非表示にします。

画面上で一時的な点滅が発生しています。

プロパティをtrueに設定するまで、これらのコントロールは画面に表示されないようにします。

<Window.Resources> 
    <Style x:Key="somestyle" TargetType="Button"> 
     <Style.Triggers> 
      <DataTrigger Binding="{Binding IsControlVisible,UpdateSourceTrigger=PropertyChanged}" Value="False"> 
       <DataTrigger.EnterActions> 
        <BeginStoryboard> 
         <Storyboard> 
          <DoubleAnimation Duration="0:0:1.5" Storyboard.TargetProperty="Opacity" To="0" /> 
         </Storyboard> 
        </BeginStoryboard> 
       </DataTrigger.EnterActions> 
       <DataTrigger.ExitActions> 
        <BeginStoryboard> 
         <Storyboard> 
          <DoubleAnimation Duration="0:0:1.5" Storyboard.TargetProperty="Opacity" To="1" /> 
         </Storyboard> 
        </BeginStoryboard> 
       </DataTrigger.ExitActions> 
      </DataTrigger> 
     </Style.Triggers> 
    </Style> 
</Window.Resources> 
<StackPanel VerticalAlignment="Center"> 
    <Button Width="100" Height="50" Content="Toggle Visibiity" Click="Button_Click"/> 
    <Button Width="200" Height="50" Content="Something Something" Margin="0 20 0 0" Style="{StaticResource somestyle}"/> 
</StackPanel> 

Answer 1

問題があなたのコントロールが読み込まれると、スタイルが適用されたとき、トリガが評価され、当初はIsControlVisibleがfalseているので、最初のストーリーボードを1（デフォルト値）からOpacityをアニメーション、起動していることですしたがって、解決策は、最初のOpacityの値を0に設定することです（または、より良いことに、初期値のIsControlVisibleに対応する値に設定することをお勧めします）。あなたのスタイルに適切なセッターを追加するために十分であることを行うには：

<Style x:Key="somestyle" TargetType="Button"> 
    <Setter Property="Opacity" Value="{Binding IsControlVisible, Mode=OneTime}" /> 
    (...) 
</Style> 

そう後でIsControlVisibleの値が変化し、Opacityのみによって制御されたときにことをOneTimeへの結合モードを設定することをお勧めしますアニメーションであり、バインディングではありません。また、私はコンバーターを使用しませんでしたが、フレームワークが適切にboolをdoubleに変換するほどスマートです。