Xamarin -Collection查看第一个和最后一个项目的额外空间

qvsjd97n  于 2023-06-27  发布在  其他
关注(0)|答案(2)|浏览(93)

大家好

我的问题是,如果我能够添加一些额外的空间以上的第一项和下的最后一项在集合视图在Xamarin。
我有项目的风格像卡圆角,但目前它不能清楚地看到,因为没有空间以上的第一和最后一个项目。它们之间的垂直间距可以使用ItemSpacing属性。

0ve6wy6x

0ve6wy6x1#

我会在这里添加截图。黑线正是我需要空间的地方。
正如jason所说,您可以为Grid或stacklayout添加padding或Margin,然后在此布局中添加CollectionView。

<Grid Padding="20">
            <CollectionView ItemsSource="{Binding images}">
                <CollectionView.ItemTemplate>
                    <DataTemplate>
                        <Frame BorderColor="Black" CornerRadius="30">
                            <StackLayout>
                                <Image Source="{Binding imagepath}" />
                                <Label Text="{Binding text}" />
                            </StackLayout>
                        </Frame>
                    </DataTemplate>
                </CollectionView.ItemTemplate>
            </CollectionView>
        </Grid>
mfpqipee

mfpqipee2#

使用CollectionView的Header和Footer属性。
在下面的示例中,我使用HeightRequest为50的空Grid元素作为Header和Footer,以在第一个项目之前和最后一个项目之后创建间距:

<CollectionView
    x:Name="MyCollectionView"
    ItemsSource="{Binding MyCollectionViewItems}"
    ItemTemplate="{StaticResource MyItemDataTemplate}"
    VerticalOptions="FillAndExpand">
    <CollectionView.Header>
        <Grid HeightRequest="50"/>
    </CollectionView.Header>
    <CollectionView.Footer>
        <Grid HeightRequest="50"/>
    </CollectionView.Footer>
</CollectionView>

本文将对此进行更详细的描述

相关问题