c# - 如何在 WPF 中创建动画消息横幅

Question

关于如何创建网络应用程序(如 stackoverflow 常见问题解答)中使用的那些(通常是黄色的)弹出式动画横幅之一的任何指示？

Answer 1

我真的很想给出“使用 jQuery”的答案，但由于这是 WPF，我想可能需要更好的东西。首先，我将定义栏在 xaml 文件中的位置。我会这样做:

<Window ...>
    <Grid>
        <Grid x:Name="DropDownBar" HorizontalAlignment="Stretch" Height="0">
            <Rectangle Fill="Orange" />
        </Grid>

        <!-- rest of your content here -->
    </Grid>
</Window>

要获得漂亮的动画效果，可以这样:

<Window.Resources>
    <Storyboard x:Key="LoadAnimation" Duration="0:0:3">
        <DoubleAnimation Storyboard.TargetName="DropDownBar" Storyboard.TargetProperty="Height" From="0" To="30" />
    </Storyboard>
</Window.Resources>

然后你只需要在页面加载时触发它:

<Window.Triggers>
    <EventTrigger RoutedEvent="Window.Loaded">
        <BeginStoryboard Storyboard="{StaticResource LoadAnimation}" />
    </EventTrigger>
</Window.Triggers>

我在这个框中输入了这个，所以肯定会有一些错别字。但这基本上就是我会做的。另一种选择是固定高度，并将边距从 -height 移动到 0。