WPF 텍스트 블록 애니메이션

Question

어떻게하면 THIS 애니메이션 유형을 얻을 수 있습니까? 나는 WPF에 대해 매우 익숙하다. WPF에서 DoubleAnimation으로 시도했지만 목표를 달성하지 못했습니다. 내가 점수가 23

덕분에 17에서 업데이트 될 때 비디오에 일어나고 같은 점수를 업데이트 할 때

애니메이션이 발생한다!

Answer 1

시도해보십시오.

<Window x:Class="WpfApplication1.AnimWindow" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    xmlns:local="clr-namespace:WpfApplication1" 
    mc:Ignorable="d" 
    Title="AnimWindow" Height="300" Width="300"> 

<Window.Triggers> 
    <EventTrigger RoutedEvent="Window.Loaded"> 
     <BeginStoryboard> 
      <Storyboard> 
       <DoubleAnimation Storyboard.TargetName="PointsNew" To="1.0" Storyboard.TargetProperty="Opacity" Duration="0:0:0.5" /> 
       <DoubleAnimation Storyboard.TargetName="PointsOld" To="0.0" Storyboard.TargetProperty="Opacity" Duration="0:0:0.5" /> 
       <ThicknessAnimation Storyboard.TargetName="PointsNew" From="0 -32 0 0" To="0 0 0 0" Storyboard.TargetProperty="Margin" Duration="0:0:0.5" /> 
       <ThicknessAnimation Storyboard.TargetName="PointsOld" To="0 32 0 0" Storyboard.TargetProperty="Margin" Duration="0:0:0.5" /> 
      </Storyboard> 
     </BeginStoryboard> 
    </EventTrigger> 
</Window.Triggers> 

<Grid> 
    <Border HorizontalAlignment="Center" VerticalAlignment="Center" Opacity="0.0" x:Name="PointsNew"> 
     <TextBlock Text="23" FontSize="96" FontWeight="Bold" /> 
    </Border> 
    <Border HorizontalAlignment="Center" VerticalAlignment="Center" Opacity="1.0" x:Name="PointsOld"> 
     <TextBlock Text="17" FontSize="96" FontWeight="Bold" /> 
    </Border> 
</Grid></Window> 

여백, 기간 등을 사용해보십시오! :-)