Удаление пустого пространства списка в формах xamarin

Question

Я использую список рассылки xamarin.forms для моего проекта. Дизайн ниже:

<ContentView x:Name="Overlay" IsVisible="False"
                         VerticalOptions="Center" HorizontalOptions="Center" Margin="10,20,10,30"
                         AbsoluteLayout.LayoutBounds="0,0,1,1" AbsoluteLayout.LayoutFlags="All" BackgroundColor="LightGray">
                <StackLayout Spacing="0">
                    <StackLayout Padding="20" BackgroundColor="#9C6114" Spacing="0">
                        <Label Text="Country Name" TextColor="White" FontAttributes="Bold" HorizontalTextAlignment="Center" VerticalTextAlignment="Center"></Label>
                    </StackLayout>
                    <StackLayout Spacing="0">
                <ListView x:Name="CountryList" HasUnevenRows="True" Margin="10,0,0,0">
                    <ListView.ItemTemplate>
                        <DataTemplate>
                            <ViewCell>
                                <StackLayout Orientation="Horizontal">
                                    <Switch IsToggled="{Binding IsToggle}"></Switch>
                                    <Label Text="{Binding CountryName}"></Label>
                                </StackLayout>
                            </ViewCell>
                        </DataTemplate>
                    </ListView.ItemTemplate>
                        <ListView.Footer>
                            <StackLayout Orientation="Horizontal">
                                <Button x:Name="btncancel" Text="Cancel" TextColor="White" BackgroundColor="#9C6114" HorizontalOptions="CenterAndExpand" Clicked="btncancel_Clicked"></Button>
                                <Button x:Name="btnsubmit" Text="Submit" TextColor="White" BackgroundColor="#9C6114" HorizontalOptions="CenterAndExpand" Clicked="btnsubmit_Clicked"></Button>
                            </StackLayout>            
                        </ListView.Footer>
                </ListView>
                    </StackLayout>
                </StackLayout>
            </ContentView>

Для этого списка есть свободное пространство под списком. Я не могу удалить лишние пробелы в списке. Пожалуйста, смотрите прикрепленное изображение. введите описание изображения здесь

Пожалуйста, помогите мне решить эту проблему.

Answer 1

У меня была проблема, которая была похожа на это. Я перешел по этой ссылке: https://xamarinsharp.com/2017/05/20/xamarin-forms-listview-height-change-dynamically-using-mvvm-and-also-solve-empty-space-issue/

По сути, если вы еще этого не сделали, вам нужно настроить свой проект с помощью MVVM. В вашем XAML вы должны будете задать свойство HeighRequest для своего списка и установить его значение следующим образом: HeighRequest="{Binding Height}". В вашей viewmodel, добавьте это:

int _height;

public int Height

    {
        get { return _height; }
        set
        {
            _height = value;
            OnPropertyChanged("Height");
        }
    }

Затем, в конструкторе вашего viewModel (или где бы вы ни настраивали объекты вашего списка), добавьте это:

        Height = (**object**.Count * 60) + (**object**.Count * 10);

Это сработало просто отлично для меня!

Answer 2

После долгих поисков я обнаружил, что у меня сработало следующее: у меня есть шаблон представления списка с фреймом, который содержит сетку. В моем файле XAML я добавил событие SizeChanged и BindingContext для Grid:

      ...
<ListView x:Name="worksiteList"
    ItemsSource="{Binding WorksiteList}"
    SelectionMode="Single"
    SeparatorVisibility="None"
    HasUnevenRows="True">
<ListView.ItemTemplate>
   <DataTemplate>
       <ViewCell>
           <StackLayout Orientation="Vertical" Margin="0" Padding="0">
               <Frame ...>
                   <Grid
                       SizeChanged="worksiteGrid_SizeChanged"
                       BindingContext="{Binding .}"
                       RowDefinitions="Auto,Auto"
                       ColumnDefinitions="50*,40*">

Затем в программном коде я добавил обработчик событий SizeChanged и переопределение OnAppearing, как показано ниже:

      private Dictionary<int, double> _worksiteFrameSizeMap = new Dictionary<int, double>();

public void worksiteGrid_SizeChanged(object sender, EventArgs e)
{
    var grid = sender as Grid;

    if (grid != null)
    {
        var frame = grid.Parent as Frame;

        if (frame != null)
        {
            var worksite = grid.BindingContext as Worksite;

            if (worksite != null)
            {
                var frameHeight = 0.0;

                frameHeight += frame.Height;
                frameHeight += frame.Margin.Top;
                frameHeight += frame.Margin.Bottom;
                _worksiteFrameSizeMap[worksite.WorksiteId] = frameHeight;
            }
        }
    }
}

protected override void OnAppearing()
{
    base.OnAppearing();
    var worksiteListViewHeight = 0.0;

    foreach (var item in _worksiteFrameSizeMap)
    {
        worksiteListViewHeight += item.Value;
    }
    worksiteList.HeightRequest = worksiteListViewHeight;
}

Это единственный способ получить высоту списка, чтобы не было пустого места под последним элементом списка (и я пробовал многие другие, которые не работали). К сожалению, при отображении страницы наблюдается небольшое мигание. Я склонен думать, что в элементе управления ListView есть ошибка, потому что ListView должен делать это автоматически (кому-нибудь когда-либо нужно пустое пространство под списком?), И нет простого способа получить доступ к размерам элементов в списке.