时间戳

首页 > 解决方案 > 用固定大小的单元格填充屏幕

xamarin.forms - 用固定大小的单元格填充屏幕

问题描述

我正在尝试为我的 Xamarin.Forms 应用程序实现启动器屏幕。因此，它包含几个Grid图标按钮，每个网格都在一个CarouselView窗格中。图标按钮单元格将具有固定大小。

通常，我会使用已知的行数和列数来调整网格的大小，并相应地计算单元格大小。在这里，我需要采取相反的方向，从已知的单元格大小到计算的行数和列数。我看的越多，我似乎就越需要在 Xamarin.Forms 中创建自定义布局，在那里我看到了诸如使用VisualElement.Measure来确定子元素的父元素大小之类的东西。

不过，在我追逐该选项之前，有没有人知道我是否/如何Grid在渲染之前获得一个可以包含的固定大小单元的数量？

标签： xamarin.formslayoutcelllaunchermeasure

解决方案

经过一番摆弄，我想我已经确定了一个可行的设计。最终实际上使用 aCollectionView而不是 a Grid：

<CarouselView
    ItemsSource="{Binding LauncherPanes}"
    Loop="False">
    <CarouselView.ItemTemplate>
        <DataTemplate x:DataType="models:LauncherPaneViewModel">
            <CollectionView
                ItemsSource="{Binding Items}"
                ItemSizingStrategy="MeasureFirstItem">
                <CollectionView.ItemsLayout>
                    <GridItemsLayout
                        Orientation="Vertical"
                        Span="4" />
                </CollectionView.ItemsLayout>
                <CollectionView.ItemTemplate>
                    <DataTemplate x:DataType="models:LauncherIconViewModel">
                        <controls:LauncherIconView />
                    </DataTemplate>
                </CollectionView.ItemTemplate>
            </CollectionView>
        </DataTemplate>
    </CarouselView.ItemTemplate>
</CarouselView>

这仍然要求我不要在轮播的每个窗格中填充超过窗格可以容纳的图标，尽管从技术上讲，即使我这样做了，它CollectionView只会在窗格内垂直滚动。

推荐阅读