CollectionView 问题与 GridItemsLayout 混合分组答案

【问题标题】：CollectionView issue mixing grouping with GridItemsLayoutCollectionView 问题与 GridItemsLayout 混合分组
【发布时间】：2020-07-20 19:31:45
【问题描述】：

我正在尝试使用 Grouping 和 GridItemsLayout 垂直模式和 Span="2" 来实现 Xamarin Forms CollectionView。我使分组工作没有问题，但是当我添加 GridItemsLayout 并将 Span 设置为 2 列时，它的行为并不正常。仍将集合显示为 1 列。

                <CollectionView
                    Grid.Row="1"
                    IsVisible="{Binding VisibleCollection}"
                    IsGrouped="True"
                    ItemsSource="{Binding Accounts}">
                    <CollectionView.GroupHeaderTemplate>
                        <DataTemplate>
                            <Label
                                FontSize="16"
                                Text="{Binding Name}" />
                        </DataTemplate>
                    </CollectionView.GroupHeaderTemplate>

                    <CollectionView.ItemsLayout>
                        <GridItemsLayout
                            Orientation="Vertical"
                            Span="2"
                            VerticalItemSpacing="10" />
                    </CollectionView.ItemsLayout>
                    <CollectionView.ItemTemplate>
                        <DataTemplate>
                            <Label BackgroundColor="Red" Text="TEST" />
                        </DataTemplate>
                    </CollectionView.ItemTemplate>
                </CollectionView>

标签“TEST”仍显示在 1 列中，我希望它显示为 2 列：

测试测试

代替：

测试

任何人都知道如何使用 GridItemsLayout 来实现它？顺便说一句，这个问题发生在 UWP 上

【问题讨论】：

是的，我的问题来自这个问题：github.com/xamarin/Xamarin.Forms/issues/9079

标签： xamarin.forms uwp collectionview itemtemplate

【解决方案1】：

标签“TEST”仍显示在 1 列中，我希望它显示为 2 列

感谢您抽出宝贵时间报告此问题，由于我测试该问题出现在 Xamarin Forms 早期版本中，并且在当前稳定版本中已修复。请将您的 Xamarin.Forms Nuget 包版本更新为 4.5.0.530 。请注意，CollectionView 在 iOS 和 Android 上可用，但在通用 Windows 平台上仅部分可用。更多信息请参考document。

【讨论】：

【解决方案2】：

当集合视图最初是“隐藏”并切换可见性时，问题就出现了。

Xamarin 表单问题：https://github.com/xamarin/Xamarin.Forms/issues/9079

【讨论】：