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 eingeblendet

Ich 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>

Antworten auf die Frage(1)

Ihre Antwort auf die Frage