Question

我对Xamarin Grid和ListView有两个问题。

（1）在ListView中，我有七列。根据条件，第五列和第六列需要以第四列之后没有可见空白的方式隐藏。我试图设置IsVisble = false，但它之间显示空格。

（2）类似的问题是Grid。在ContentView中，我有十行的网格。基于某些条件，我想隐藏第七行和第八行，以便空部分应该折叠。用户不应该能够查看空行。

如果从代码隐藏我尝试使用下面的代码删除行，我怀疑.XAML可能会崩溃，因为行号需要重新排序。

GridView gv = listview.View as GridView;
GridViewColumn cd = gv.Columns[0];
gv.Columns.Remove(cd);
gv.Columns.Add(cd);

Answer 1

您可以将行高设置为Auto，然后绑定要隐藏的内容的IsVisible属性。

Answer 2

对于网格问题，只需确保使用Binding动态设置RowHeight。因此，只要您想隐藏这些行，就将高度设置为0。

代码看起来像这样：

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:Test"
             x:Class="Test.MainPage">
    <StackLayout Margin="0,20,0,0">
        <Grid RowSpacing="0" VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand">
            <Grid.RowDefinitions>
                <RowDefinition Height="50" />
                <RowDefinition Height="{Binding RowHeight}" />
                <RowDefinition Height="{Binding RowHeight}" />
                <RowDefinition Height="50" />
                <RowDefinition Height="50" />
            </Grid.RowDefinitions>

            <Label Text="Row 1" Grid.Row="0" HorizontalTextAlignment="Center" />
            <Label Text="Row 2" Grid.Row="1" HorizontalTextAlignment="Center" />
            <Label Text="Row 3" Grid.Row="2" HorizontalTextAlignment="Center" />
            <Label Text="Row 4" Grid.Row="3" HorizontalTextAlignment="Center" />
            <Label Text="Row 5" Grid.Row="4" HorizontalTextAlignment="Center" />
        </Grid>

        <Button Text="Hide rows" Clicked="OnClicked" />
    </StackLayout>
</ContentPage>

public partial class MainPage : ContentPage, INotifyPropertyChanged
{
    private int _rowHeight = 50;
    public int RowHeight
    {
        get => _rowHeight;
        set
        {
            _rowHeight = value;
            OnPropertyChanged();
        }
    }

    public MainPage()
    {
        InitializeComponent();
        BindingContext = this;
    }

    private void OnClicked(object sender, System.EventArgs e)
    {
        RowHeight = 0;
    }
}

如何隐藏网格行和ListView列，以便不显示空白空间？

2 个答案: