Анимация запуска WPF при изменении видимости? - PullRequest
Новая
       22

Анимация запуска WPF при изменении видимости?

7 голосов
/ 18 февраля 2010

Ну, у меня есть пользовательский элемент управления, и когда Visibility изменяется на Visible У меня есть Trigger с действием входа / выхода, но проблема в том, что когда запускается действие выхода, Visibility больше не Visible так что анимация не видна, как бы это исправить?

вот мой Trigger: 

<ControlTemplate.Triggers>
    <Trigger Property="Visibility" Value="Visible">
        <Trigger.ExitActions>
            <BeginStoryboard Storyboard="{StaticResource Hide}"/>
        </Trigger.ExitActions>
        <Trigger.EnterActions>
            <BeginStoryboard Storyboard="{StaticResource Show}"/>
        </Trigger.EnterActions>
    </Trigger>
</ControlTemplate.Triggers>

Ответы [ 3 ]

3 голосов
/ 19 февраля 2010

Я тоже попробовал и потерпел неудачу. Я думаю, что это невозможно сделать простым ControlTemplate с Trigger на свойстве Visibility. Что вы можете сделать, это добавить Opacity анимацию от 1 до 0 к Trigger для другого свойства, например DependencyProperty, которое вы добавляете в код позади себя.

0 голосов
/ 15 марта 2018

Есть способ достичь этого.Не на 100% чисто, но работает для меня:

Не используйте Visibility свойство, но используйте Opacity и Tag свойство.

<ListView.Resources>
    <Style TargetType="{x:Type ListViewItem}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ListViewItem}">
                    <Border CornerRadius="5" 
                            BorderThickness="2" 
                            BorderBrush="DodgerBlue"
                            Background="#CC4f9dea" >
                        <Grid>
                            <ContentPresenter HorizontalAlignment="Stretch" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="Stretch" />
                            <Button x:Name="btnClose" Opacity="0" Content="X" Style="{StaticResource RoundedButtonStyle}"/>
                        </Grid>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Tag" TargetName="btnClose" Value="Visible" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</ListView.Resources>

<Style x:Key="RoundedButtonStyle" TargetType="{x:Type Button}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="Button">
                <Border CornerRadius="15" Background="White" BorderThickness="1" Padding="2" BorderBrush="Black">
                    <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
    <Style.Triggers>
        <Trigger Property="Tag" Value="Visible">
            <Trigger.EnterActions>
                <BeginStoryboard>
                    <Storyboard>
                        <DoubleAnimation Storyboard.TargetProperty="Opacity"
                         From="0.0" To="0.5" Duration="0:0:0.5"/>
                    </Storyboard>
                </BeginStoryboard>
            </Trigger.EnterActions>
            <Trigger.ExitActions>
                <BeginStoryboard>
                    <Storyboard>
                        <DoubleAnimation Storyboard.TargetProperty="Opacity"
                         From="0.5" To="0.0" Duration="0:0:0.5"/>
                    </Storyboard>
                </BeginStoryboard>
            </Trigger.ExitActions>
        </Trigger>
    </Style.Triggers>
</Style>
0 голосов
/ 26 января 2011

Вы также можете использовать ObjectAnimationUsingKeyFrames, чтобы установить Visibility для периода анимации. В таком случае нет необходимости в каком-либо коде позади.

...