折叠Xamarin表单中的标签和ListView

如何解决折叠Xamarin表单中的标签和ListView

我有一个相对简单的视图，看起来像这样：

{Label1}
{Label2}
{ListView1}
{Label3}
{ListView2}

Label2和ListView1的IsVisible属性绑定到bool属性。如果为false，则它们不会出现，但会占用UI上的空间，这意味着Label1和Label3之间有很大的距离，如下所示：

{Label1}


{Label3}
{ListView2}

如何使它们看起来像这样：

{Label1}
{Label3}
{ListView2}

我的XAML代码如下：

<AbsoluteLayout
    HorizontalOptions="FillAndExpand"
    VerticalOptions="FillAndExpand">

    <Grid
        HorizontalOptions="FillAndExpand"
        VerticalOptions="FillAndExpand"
        AbsoluteLayout.LayoutFlags="All"
        AbsoluteLayout.LayoutBounds="0,1,1">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>

        <Label 
            Text="Title" 
            HorizontalOptions="Center"
            VerticalOptions="Center"
            TextColor="White"
            FontSize="Large"
            FontAttributes="Bold"
            Margin="5"
            BindingContext="{x:Reference DashboardPageView}"
            IsVisible="{Binding DisplayFloatingTitle}"
            Grid.Row="0" />

        <Label 
            Text="Notifications" 
            HorizontalOptions="Start"
            VerticalOptions="Center"
            TextColor="White"
            FontSize="Medium"
            FontAttributes="Bold"
            Margin="3"
            IsVisible="{Binding HasNotifications}"
            Grid.Row="1" />

        <ListView Grid.Row="2" 
                  ItemsSource="{Binding Notifications}" 
                  HasUnevenRows="True" 
                  VerticalOptions="Start"
                  IsVisible="{Binding HasNotifications}"
                  SeparatorVisibility="None" Margin="1,0"
                  x:Name="NotificationsList">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <ViewCell>
                        ........
                    </ViewCell>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>

        <Label 
            Text="Activities" 
            HorizontalOptions="Start"
            VerticalOptions="Start"
            TextColor="White"
            FontSize="Medium"
            FontAttributes="Bold"
            Margin="3"
            IsVisible="{Binding HasActivities}"
            Grid.Row="3" />

        <ListView Grid.Row="4" 
                  ItemsSource="{Binding Activities}" 
                  HasUnevenRows="True" 
                  VerticalOptions="Start"
                  SeparatorVisibility="None" Margin="4,0"
                  x:Name="ActivitiesList">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <ViewCell>
                        ....
                    </ViewCell>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
    </Grid>
</AbsoluteLayout>

解决方法

问题是您的XAML中的这一行：

<RowDefinition Height="*" />

它设置为*，这意味着它将占用它可以获得的所有剩余空间。如果您希望该行的内容自动调整为其内容的大小，则应使用Auto：

<RowDefinition Height="Auto" />