애니메이션 컨트롤 : 올바른 높이 사용

Question

저는 Button과 UserControl을 가지고 있습니다. UserControl의 높이는 0으로 설정됩니다. StoryBoard를 사용하여 UserControl의 높이를 100으로 애니메이션화하는 버튼을 클릭합니다. UserControl이 표시됩니다. 잘 작동합니다.

하지만 이제는 고정 값 100을 제거하고 UserControl이 일반적으로 차지하는 크기로 애니메이션을 적용하려고합니다. 이 작업을 수행하는 방법에 대한 제안 사항은 무엇입니까?

여기 내 StoryBoard가 있습니다.

<Storyboard x:Key="animateIn"> 
    <DoubleAnimation To="100" Storyboard.TargetName="myControl" Storyboard.TargetProperty="Height" Duration="0:0:0.1" /> 
</Storyboard> 

Answer 1

아니요 ScaleTransform.ScaleY 대신에.

<UserControl x:Name="myControl"> 
    <UserControl.LayoutTransform> 
     <ScaleTransform ScaleY="0" /> 
    </UserControl.LayoutTransform> 
</UserControl> 

<Storyboard x:Key="animateIn"> 
    <DoubleAnimation To="1" 
     Storyboard.TargetName="myControl" 
     Storyboard.TargetProperty="LayoutTransform.(ScaleTransform.ScaleY)" 
     Duration="0:0:0.1" /> 
</Storyboard>