html-and-xaml-layouts
/
Grid左右嵌套CollectionView多列显示.xaml

<ScrollView>
        <VerticalStackLayout HeightRequest="3000">
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>

                <CollectionView Grid.Column="0"  ItemsSource="{Binding LeftImages}"  HeightRequest="200">
                    <CollectionView.ItemsLayout>
                        <GridItemsLayout Orientation="Vertical" Span="4" />
                    </CollectionView.ItemsLayout>
                    <CollectionView.ItemTemplate>
                        <DataTemplate>
                            <StackLayout>
                                <Image Source="{Binding ImageSource}" HeightRequest="50" WidthRequest="50" Aspect="AspectFit"/>
                                <Label Text="{Binding ImageName}" HeightRequest="20" TextColor="Black" HorizontalTextAlignment="Center"/>
                            </StackLayout>
                        </DataTemplate>
                    </CollectionView.ItemTemplate>
                </CollectionView>


                <CollectionView Grid.Column="1" ItemsSource="{Binding RightImages}" BackgroundColor="Black" HeightRequest="200"  >
                    <CollectionView.ItemsLayout>
                        <GridItemsLayout Orientation="Vertical" Span="4" />
                    </CollectionView.ItemsLayout>
                    <CollectionView.ItemTemplate>
                        <DataTemplate>
                            <StackLayout>
                                <Image Source="{Binding ImageSource}" HeightRequest="50" WidthRequest="50" Aspect="AspectFit"/>
                                <Label Text="{Binding ImageName}" HeightRequest="20" TextColor="Black" HorizontalTextAlignment="Center"/>
                            </StackLayout>
                        </DataTemplate>
                    </CollectionView.ItemTemplate>
                </CollectionView>
            </Grid>
        </VerticalStackLayout>
    </ScrollView>