1

これが私がやろうとしていることです: グリッド内に (サイズが固定されていない) テキストブロックがあります。ユーザーがボタンを押したときにグリッドの高さをテキストブロックのサイズに合わせてアニメーション化し、テキストブロックのすべてのコンテンツを明らかにしたい。

これは、グリッドとテキストブロック (簡略化) を含む xaml です。

<Grid x:Name="mygrid" ScrollViewer.VerticalScrollBarVisibility="Disabled" Height="38" Margin="10,0,0,0" HorizontalAlignment="Left" VerticalAlignment="Top">
    <TextBlock MaxWidth="400" x:Name="mytextblock" HorizontalAlignment="Left" Margin="10,0" TextWrapping="WrapWholeWords" VerticalAlignment="Top" FontSize="10.667" Foreground="#BFFFFFFF" Text="reallylongtextgoeshere"/>
</Grid>

これは私の現在のコードです:

<Storyboard x:Name="ExtendDescription">
    <DoubleAnimation x:Name="DBED" Duration="00:00:00.6" Storyboard.TargetProperty="Height" EnableDependentAnimation="True" From="0" To="{Binding ElementName=mytextblock, Path=ActualHeight}" Storyboard.TargetName="mygrid">
       <DoubleAnimation.EasingFunction>
            <CircleEase EasingMode="EaseInOut"/>
       </DoubleAnimation.EasingFunction>
    </DoubleAnimation>
</Storyboard>

過去 1 時間ほど解決策を探しましたが、思いついたものは何も見つかりませんでした。これを機能させる方法について何か考えはありますか?現時点では、アニメーションは高さを 0 まで下げて、グリッドを大きくするのではなく小さくするというかなり奇妙な動作をしています:/

4

1 に答える 1