Wie erstelle ich eine Einblend- / Ausblendanimation basierend auf dem ViewModel-Eigenschaftswert?
Ich habe einViewModel Hierdurch wird die Zeichenfolge-Eigenschaft verfügbar gemachtPageToolBarVisible welches sein kannwahr oderfalsch:
private string _pageToolBarVisible;
public string PageToolBarVisible
{
get
{
return _pageToolBarVisible;
}
set
{
_pageToolBarVisible = value;
OnPropertyChanged("PageToolBarVisible");
}
}
Dann auf meinerAussicht ich habe dasDataTrigger welchezeigt oderversteckt sich die Symbolleiste entsprechend:
<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>
Wie mache ich jetztfüge ein Animation damit:
Wenn die ViewModel-Eigenschaft von geändert wirdwahr zu falsch, dasDie Symbolleiste wird ausgeblendetWenn die ViewModel-Eigenschaft von geändert wirdfalsch zu wahr, dasSymbolleiste wird eingeblendetIch gehe davon aus, dass ich meinem Stil so etwas hinzufügen muss, aber ich weiß nicht wie oder wo:
<BeginStoryboard>
<Storyboard>
<DoubleAnimation
Storyboard.TargetName="PageToolBar"
Storyboard.TargetProperty="(TextBlock.Opacity)"
From="0.0" To="1.0" Duration="0:0:3"/>
</Storyboard>
</BeginStoryboard>