Question

我正在尝试为WPF表单中的内联警报框创建平滑的淡入/淡出动画。问题是即使属性未设置为触发器中预期的值，动画似乎也会运行。我在转换器方法中放了一个断点，它永远不会返回除Visibility.Hidden之外的任何东西，但是Visibility.Visible上的触发器触发了Height属性的动画（可能也可能不会触发不透明度上的那个但是我不能因为Grid是Visibility.Hidden而告诉我。

这是风格：

<Style TargetType="Grid" x:Key="AlertStyle">
    <Setter Property="Visibility" Value="Collapsed"/>
    <Style.Triggers>
        <Trigger Property="Visibility" Value="Visible">
            <Trigger.EnterActions>
                <BeginStoryboard>
                    <Storyboard>
                        <DoubleAnimation Storyboard.TargetProperty="Opacity"
                                         Duration="00:00:02" 
                                         BeginTime="00:00:00" 
                                         To="1.0" />
                        <DoubleAnimation Storyboard.TargetProperty="Height"
                                         Duration="00:00:01" 
                                         BeginTime="00:00:00" 
                                         To="60.0"/>
                    </Storyboard>
                </BeginStoryboard>
            </Trigger.EnterActions>
        </Trigger>
    </Style.Triggers>
</Style>

有问题的网格在这里：

<Grid DockPanel.Dock="Top" 
      Visibility="{Binding Path=Message, Converter={StaticResource NullToVis}}" 
      Style="{StaticResource AlertStyle}">
    <ContentPresenter Content="{Binding Path=Message, Mode=OneWay}"/>
</Grid>

价值转换器：

public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
{
    return (value == null) ? Visibility.Hidden : Visibility.Visible;
}

当我向＆lt; Style.Triggers＆gt;添加第二个触发器时元素既没有动画也在运行。

第二个触发器：

        <Trigger Property="Visibility" Value="Hidden">
            <Trigger.EnterActions>
                <BeginStoryboard>
                    <Storyboard>
                        <DoubleAnimation Storyboard.TargetProperty="Opacity"
                                         Duration="00:00:01" 
                                         BeginTime="00:00:00" 
                                         To="0.0" />
                        <DoubleAnimation Storyboard.TargetProperty="Height"
                                         Duration="00:00:02" 
                                         BeginTime="00:00:00" 
                                         To="0.0"/>
                    </Storyboard>
                </BeginStoryboard>
            </Trigger.EnterActions>
        </Trigger>

我之前从未尝试过与WPF中的动画相关的任何事情，我发现在互联网上有类似的风格，但是无法成功地修改它们让他们做我想做的事情完成。

Answer 1

试试这个：

<Style TargetType="Grid" x:Key="AlertStyle">
    <Setter Property="Visibility" Value="Collapsed"/>
    <Style.Triggers>
        <Trigger Property="Visibility" Value="Visible">
            <Trigger.EnterActions>
                <BeginStoryboard Name="Storyboard">
                    <Storyboard BeginTime="00:00:00">
                        <DoubleAnimation Storyboard.TargetProperty="Opacity" 
Duration="00:00:02" To="1.0" />
                        <DoubleAnimation Storyboard.TargetProperty="Height" 
Duration="00:00:01" To="60.0"/>
                    </Storyboard>
                </BeginStoryboard>
            </Trigger.EnterActions>
            <Trigger.ExitActions>
                <StopStoryboard BeginStoryboardName="Storyboard" />
            </Trigger.ExitActions>
        </Trigger>
    </Style.Triggers>
</Style>

如果这不起作用，那么您可以尝试使用带有自定义DataTrigger值的Boolean ...您不能错误地使用它。

WPF动画触发器无论属性值如何

1 个答案: