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

Ну, у меня есть настраиваемый элемент управления, и когда 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>

animation wpf xaml triggers controltemplate
person Peter    schedule 18.02.2010    source источник
comment
Верно. Сложные вещи. Я бы решил эту проблему с присоединенными свойствами + приведение значения. Посмотрите здесь: Анимация затухания WPF. Надеюсь это поможет. Привет, Анвака.   -  person Anvaka    schedule 18.02.2010
comment
Есть ли в нем анимация затухания? Могу ли я отредактировать это так, чтобы скрытие/свертывание задерживалось только до тех пор, пока моя анимация не будет завершена?   -  person Peter    schedule 18.02.2010
comment
Мне интересно то же, что и Петой.   -  person jpierson    schedule 22.07.2010
comment
@Petoj, @jpierson: Конечно, вы можете делать с кодом все, что хотите. Он имеет встроенную анимацию, и я бы использовал предложенный подход в своем образце. Потому что ожидание завершения внешней анимации звучит как ненужная сложность. Хотя, если вы действительно хотите его иметь, вы можете сделать значение прикрепленного свойства более сложным и передать анимацию в качестве одного из его значений... Мне кажется, что в этом комментарии сложно дать полное решение. Если вам нужно больше, пожалуйста, напишите вопрос, и я дам более подробный ответ :).   -  person Anvaka    schedule 22.07.2010

Ответы (3)


arrow_upward
3
arrow_downward

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

person Dabblernl    schedule 18.02.2010

arrow_upward
0
arrow_downward

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

person user10341330    schedule 26.01.2011
comment
я не уверен на 100%, но не вызовет ли HideStoryboard ShowStoryboard, если он изменит значение Visibility? - person Peter; 27.01.2011

arrow_upward
0
arrow_downward

Есть способ добиться этого. Не на 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>
person Gabriel    schedule 15.03.2018