如何在WPF中創建動畫消息橫幅

Question

任何關於如何創建Web應用中使用的那些（通常爲黃色）彈出動畫橫幅的指針（如stackoverflow FAQ）？

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> 

我在這個盒子裏輸入了這個，所以在這裏和那裏肯定會有一些拼寫錯誤。但基本上我是這麼做的。另一種方法是修復高度，並將邊距從高度移至0.