如何设置网格中的列在有空间时自动收缩？

Question

我的 Windows Phone 7.5 应用程序中有以下列表框。基本上，列表框的 ItemTemplate 包含一个图像、一些文本，然后是一个图像。

如果我将一张或两张图像的“可见性”属性设置为“折叠”，我希望文本列展开至其最大尺寸（而不是换行文本），例如占用图像先前占用的空间。相反，当我将图像的“可见性”设置回“可见”时，我希望图像出现并且文本收缩。

我怎样才能在 Xaml 中完成类似的事情？

<ListBox x:Name="MainListBox" Margin="0,0,-12,0" ItemsSource="{Binding Items}" >
    <ListBox.Resources>
        <BitmapImage x:Key="ProjectIcon" UriSource="Images/Dark/appbar.delete.rest.png" />
    </ListBox.Resources>

    <ListBox.ItemTemplate>
        <DataTemplate>

            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="58"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="58"/>
                </Grid.ColumnDefinitions>

                <Image Grid.Column="0" Source="{StaticResource ProjectIcon}" Visibility="Collapsed" Width="48" Height="48" />
                <StackPanel Grid.Column="1" Margin="0,0,0,17" Width="432" Height="78" Orientation="Vertical">
                    <TextBlock Text="{Binding LineOne}" TextWrapping="Wrap" Style="{StaticResource PhoneTextExtraLargeStyle}"/>
                    <TextBlock Text="{Binding LineTwo}" TextWrapping="Wrap" Margin="12,-6,12,0" Style="{StaticResource PhoneTextSubtleStyle}"/>
                </StackPanel>
                <Image Grid.Column="2" Source="{StaticResource ProjectIcon}" Visibility="Visible" Width="48" Height="48" />
            </Grid>

        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

Answer 1

将第 0 列和第 2 列的宽度都设置为“自动”，并将 MaxWidth 设置为 58 怎么样？