CollectionView 問題混合分組與 GridItemsLayout

Question

我正在嘗試使用分組和 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>

Label “TEST”仍然顯示在 1 個單列中，我希望它顯示為 2 個列：

測試一下

代替：

測試

測試

任何人都知道如何使用 GridItemsLayout 實現它？ 順便說一句，這個問題發生在 UWP

Answer 1

Label "TEST" 仍然顯示在 1 列中，我希望它顯示為 2 列

感謝您花時間報告此問題，對於我的測試，該問題出現在 Xamarin Forms 早期版本中，並且在當前穩定版本中已修復。 請將您的 Xamarin.Forms Nuget Z209802FB858E2C833205027DBBB.E版本更新為請注意， CollectionView在 iOS 和 Android 上可用，但在通用 Windows 平台上僅部分可用。 有關更多信息，請參閱此文檔。

Answer 2

當集合視圖最初是“隱藏”並切換可見性時，就會出現問題。

Xamarin forms 問題： https://github.com/xamarin/Xamarin.Forms/issues/9079

Answer 3

嘗試從主線程設置GridItemsLayout 。

例子

Device.BeginInvokeOnMainThread(() =>
{
    BannerList.ItemsLayout = new GridItemsLayout(2,ItemsLayoutOrientation.Vertical);
    BannerList.ItemsSource = ImageList;
});

這對我有用。