"0,0,0,0"에서 "0,0,10,10"의 네 가지 값으로 CornerRadius 속성에 애니메이션을 적용하는 방법은 무엇입니까?

Question

경계의 CornerRadius 속성을 값 "0,0,0,0"에서 값 "0,0,10,10"으로 애니메이션을 통해 전환해야합니다. 이 작업은 ValueConverter 또는 이와 유사한 코드가 아닌 다른 XAML 파일에서 직접 수행해야합니다.

저는 CornerRadius가 ObjectAnimationUsingKeyFrames를 사용하여 애니메이션화 될 수 있다고 생각합니다. 그러나 CornerRadius 구조의 4 가지 값 중 2 가지만 애니메이션으로 만드는 방법은 무엇입니까?

미리 감사드립니다.

Answer 1

사용하여 키 프레임 :

<ObjectAnimationUsingKeyFrames.KeyFrames> 
    <DiscreteObjectKeyFrame KeyTime="0:0:1"> 
     <DiscreteObjectKeyFrame.Value> 
      <CornerRadius BottomLeft="0" BottomRight="0" TopLeft="2" TopRight="2" /> 
     </DiscreteObjectKeyFrame.Value> 
    </DiscreteObjectKeyFrame> 

    <DiscreteObjectKeyFrame KeyTime="0:0:2"> 
     <DiscreteObjectKeyFrame.Value> 
      <CornerRadius BottomLeft="0" BottomRight="0" TopLeft="5" TopRight="5" /> 
     </DiscreteObjectKeyFrame.Value> 
    </DiscreteObjectKeyFrame> 

    ... 

</ObjectAnimationUsingKeyFrames.KeyFrames> 

이 비록 특히 좋은 애니메이션하지 않을 것이다. 또 다른 방법은 AnimationTimeline에서 파생 된 맞춤 애니메이션을 만드는 것입니다. 사용자 지정 애니메이션의 MSDN 페이지 : http://msdn.microsoft.com/en-us/library/aa970564.aspx#createcustomanimationtype.