动画控制:使用正确的高度

本文关键字：高度 控制 动画 | 更新日期: 2023-09-27 18:04:40

我有一个Button和一个UserControl。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>

动画控制:使用正确的高度

将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>
相关文章：