Jak dodać animację pojawiania się / zanikania na podstawie wartości właściwości ViewModel?

mamViewModel który ujawnia właściwość stringPageToolBarVisible który może byćprawdziwe lubfałszywy:

private string _pageToolBarVisible;
public string PageToolBarVisible
{
    get
    {
        return _pageToolBarVisible;
    }

    set
    {
        _pageToolBarVisible = value;
        OnPropertyChanged("PageToolBarVisible");
    }
}

Potem na moimWidok Mam toDataTrigger którywyświetla lubukrywa się pasek narzędzi odpowiednio:

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

Jak mam terazdodaj animacja po to aby:

gdy właściwość ViewModel zostanie zmieniona zprawda do fałszu, thepasek narzędzi zanikagdy właściwość ViewModel zostanie zmieniona zfalse na true, thepasek narzędzi pojawia się

Zakładam, że muszę dodać coś takiego do mojego stylu, ale nie wiem jak i gdzie:

<BeginStoryboard>
<Storyboard>
    <DoubleAnimation
    Storyboard.TargetName="PageToolBar"
    Storyboard.TargetProperty="(TextBlock.Opacity)"
    From="0.0" To="1.0" Duration="0:0:3"/>
</Storyboard>
</BeginStoryboard>

questionAnswers(1)

yourAnswerToTheQuestion