在XAML中设置网格列或网格行的动画？

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="Auto"/>
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>
        <RowDefinition Height="Auto"/>
    </Grid.RowDefinitions>
    <!-- 添加其他控件 -->
</Grid>

<Grid.Resources>
    <Storyboard x:Key="ColumnAnimation">
        <DoubleAnimation Storyboard.TargetName="columnDefinition"
                         Storyboard.TargetProperty="Width"
                         From="Auto"
                         To="*"
                         Duration="0:0:1"/>
    </Storyboard>
</Grid.Resources>

<VisualStateManager.VisualStateGroups>
    <VisualStateGroup>
        <VisualState x:Name="Expanded">
            <Storyboard>
                <StaticResource ResourceKey="ColumnAnimation"/>
            </Storyboard>
        </VisualState>
        <VisualState x:Name="Collapsed"/>
    </VisualStateGroup>
</VisualStateManager.VisualStateGroups>

<Button Content="Toggle Animation"
        Click="ToggleAnimation_Click"/>

private void ToggleAnimation_Click(object sender, RoutedEventArgs e)
{
    if (VisualStateManager.GoToState(this, "Expanded", true))
    {
        // 动画已切换到Expanded状态
    }
    else
    {
        // 动画已切换到Collapsed状态
    }
}