動畫控制在：使用正確的高度

Question

我有一個按鈕和一個用戶控件。 UserControl的高度設置爲0.單擊按鈕時，我使用StoryBoard將UserControl的高度設置爲100. UserControl變爲可見。工作正常。

但現在我想擺脫固定值100和動畫的UserControl通常會佔用的大小。有關如何做到這一點的任何建議？

這是我的故事板。

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

Answer 1

Animate 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>