CollectionView 中的空白區域

Question

我有一個包含一些元素的 CollectionView。 在 CollectionView 上方，頁面底部我有一個按鈕。 當我們進行滾動時，我希望在 CollectioView 的最后一個元素之后有一些空白空間，以便正確顯示所有元素。 我不知道如何實現它。

這是我的 XAML 代碼

 <CollectionView               
        x:Name="CategoryView" 
        RelativeLayout.WidthConstraint="{ConstraintExpression
        Type=RelativeToParent,
        Property=Width,
        Factor=1}"
        RelativeLayout.YConstraint="{ConstraintExpression
        Type=Constant,
        Constant=160}"             
        Margin="10,0,10,0"
        HeightRequest="590"
        SelectionMode="Multiple"
        SelectionChanged="CategoryView_SelectionChanged">
        <CollectionView.ItemsLayout>
            <GridItemsLayout Orientation="Vertical" Span="2" VerticalItemSpacing="3" HorizontalItemSpacing="4"/>
        </CollectionView.ItemsLayout>
        <CollectionView.ItemTemplate>
            <DataTemplate>
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="38"/>
                        <RowDefinition Height="38"/>
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>
                   
                    <Image Grid.Row="0" Grid.RowSpan="2" Grid.Column="0" Source="{Binding Image}"/>
                    <Label Grid.Row="1" Grid.Column="0"  Text="{Binding Titolo}" FontSize="19" FontAttributes="Bold" TextColor="White" Margin="13,0,0,0"/>
                    <Image Grid.Row="0" Grid.Column="0" Source="checked.png" IsVisible="{Binding Vis}"/>
                </Grid>
            </DataTemplate>
        </CollectionView.ItemTemplate>
    </CollectionView>
    <Button
        x:Name="ButtonInizia"
        RelativeLayout.WidthConstraint="{ConstraintExpression
        Type=RelativeToParent,
        Property=Width,
        Factor=1}"
        RelativeLayout.YConstraint="{ConstraintExpression
        Type=Constant,
        Constant=670}"
        Clicked="ButtonInizia_Clicked"
        HorizontalOptions="Center"
        BackgroundColor="Blue"
        Text="INIZIA"
        FontSize="16"
        TextColor="White"
        FontAttributes="Bold"
        HeightRequest="60"
        WidthRequest="300"/>

Answer 1

也許您可以將按鈕放在 Collectionview 的頁腳中。 在CollectionView 中廣告項的末尾有一個Button。

https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/collectionview/layout#headers-and-footers

<CollectionView.Footer>
            <StackLayout BackgroundColor="LightGray">
                <Button Margin="10,0,0,0"
                       Text="Friends of Xamarin Monkey"
                       FontSize="Small"
                       FontAttributes="Bold"
                        Clicked="Button_Clicked"/>
            </StackLayout>
        </CollectionView.Footer>