Textblock动画淡出效果

本文关键字:淡出 动画 Textblock | 更新日期: 2023-09-27 18:16:15

我想让textblock动画化,所以我像下面这样做,工作完美

<TextBlock x:Name="txt" Text="Hello World">
  <TextBlock.Triggers>
     <EventTrigger RoutedEvent="TextBlock.Loaded">
       <BeginStoryboard>
         <Storyboard>
           <DoubleAnimation Storyboard.TargetName="txt"  
             Storyboard.TargetProperty="Opacity"  
             From="1.0" To="0.0" Duration="0:0:1" AutoReverse="True"  
             RepeatBehavior="Forever"
           />
         </Storyboard>                                          
       </BeginStoryboard>
     </EventTrigger>
   </TextBlock.Triggers>
 </TextBlock>

但是我应该怎么做,如果我想做的文本块消失一段时间后,一些点击或事件火在一些控件上再次它应该工作?在排序中,我想让它在一段时间后完全消失。

Textblock动画淡出效果

您可以通过添加BeginTime="0:0:5" example来延迟动画

<DoubleAnimation 
            Storyboard.TargetName="DelayedBeginTimeRectangle" 
            Storyboard.TargetProperty="Width"  
            BeginTime="0:0:5" From="100" To="600" Duration="0:0:5" />

同样在你的情况下删除AutoReverse="True" RepeatBehavior="Forever"