MAUI技术问题：CollectionView中隐藏布局仍占用空间如何解决？

你给Grid的第二行设置了固定高度Height="50"，即便StackLayout通过IsVisible隐藏，Grid的该行高度仍会保留50的空间，所以看起来像是隐藏后还占用位置。

针对这个问题，有几种简单的修复方式：

方法一：将行高设为Auto #

直接把第二行的固定高度改成Auto，这样行高会根据内部控件的可见性自动调整，隐藏时行高收缩为0：

<Grid.RowDefinitions>
    <RowDefinition Height="50"></RowDefinition>
    <RowDefinition Height="Auto"></RowDefinition>
</Grid.RowDefinitions>

方法二：用DataTrigger控制行高 #

如果需要在StackLayout显示时保持固定50高度，隐藏时收缩为0，可以用DataTrigger动态切换行高：

<Grid.RowDefinitions>
    <RowDefinition Height="50"></RowDefinition>
    <RowDefinition>
        <RowDefinition.Style>
            <Style TargetType="RowDefinition">
                <Setter Property="Height" Value="50"/>
                <Style.Triggers>
                    <DataTrigger Binding="{Binding IsActive}" Value="False">
                        <Setter Property="Height" Value="0"/>
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </RowDefinition.Style>
    </RowDefinition>
</Grid.RowDefinitions>

方法三：使用值转换器绑定行高 #

通过自定义值转换器，将IsActive的布尔值转换为对应的Grid高度：

1. 实现转换器 #

public class BoolToGridLengthConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return value is bool isActive 
            ? new GridLength(isActive ? 50 : 0) 
            : new GridLength(0);
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

2. 在XAML中引用并绑定 #

先在页面资源中声明转换器：

<ContentPage.Resources>
    <local:BoolToGridLengthConverter x:Key="BoolToGridLength"/>
</ContentPage.Resources>

然后修改行定义：

<Grid.RowDefinitions>
    <RowDefinition Height="50"></RowDefinition>
    <RowDefinition Height="{Binding IsActive, Converter={StaticResource BoolToGridLength}}"></RowDefinition>
</Grid.RowDefinitions>

内容的提问来源于stack exchange，提问作者innom