Como adicionar uma animação fade-in / fade-out baseada no valor da propriedade ViewModel?
eu tenho umViewModel que expõe a propriedade da stringPageToolBarVisible que pode serverdade oufalso:
private string _pageToolBarVisible;
public string PageToolBarVisible
{
get
{
return _pageToolBarVisible;
}
set
{
_pageToolBarVisible = value;
OnPropertyChanged("PageToolBarVisible");
}
}
Então no meuVisão eu tenho istoDataTrigger qualexibe ouesconde a barra de ferramentas de acordo:
<Style x:Key="PageToolBarStyle" TargetType="Border">
<Style.Triggers>
<DataTrigger Binding="{Binding PageToolBarVisible}" Value="false">
<Setter Property="Visibility" Value="Collapsed"/>
</DataTrigger>
</Style.Triggers>
</Style>
<Border Style="{StaticResource PageToolBarStyle}"
DockPanel.Dock="Bottom" Padding="5 5 5 0" Background="#eee">
<Grid Background="#eee">
...
</Grid>
</Border>
Como eu agoraadicione um animação de modo a:
quando a propriedade ViewModel é alterada deverdadeiro para falso, abarra de ferramentas desaparecequando a propriedade ViewModel é alterada defalso para verdadeiro, abarra de ferramentas desapareceEu suponho que tenho que adicionar algo assim ao meu estilo, mas não sei como ou onde:
<BeginStoryboard>
<Storyboard>
<DoubleAnimation
Storyboard.TargetName="PageToolBar"
Storyboard.TargetProperty="(TextBlock.Opacity)"
From="0.0" To="1.0" Duration="0:0:3"/>
</Storyboard>
</BeginStoryboard>