Xamarin 表单列表视图 - 数据模板到列

Question

How could I achieve two columns using only a Xamarin Forms listview? Can someone share an example? I'm trying to avoid using DLToolkit or any other plugin.

Answer 1

Since you specified only using the ListView, multiple columns have been implemented using custom templates, even some custom renderers. Links to many, many different examples can be found here:

Xamarin Forms Forums

I would, however, suggest that the work it'll take to create your own implementation of the Listview isn't worth it when there are already solutions that come out-of-box with Xamarin.Forms, CollectionView like @Jason said is one easy solution.

Answer 2

 <CollectionView x:Name="clv" ItemsUpdatingScrollMode="KeepItemsInView" >ItemsSource="{Binding ActiveItems}” Margin="20" Header="{Binding .}" > <CollectionView.HeaderTemplate> <DataTemplate> <Grid> <Grid.RowDefinitions> <RowDefinition Height="Auto"></RowDefinition> <RowDefinition Height="25"></RowDefinition> </Grid.RowDefinitions> <Label Text="Select " HorizontalTextAlignment="Start" LineBreakMode="WordWrap" FontAttributes="Bold" FontSize="22" InputTransparent="True" /> </Grid> </DataTemplate> </CollectionView.HeaderTemplate> <CollectionView.ItemsLayout> <GridItemsLayout Orientation="Vertical" HorizontalItemSpacing="20" Span="2" /> </CollectionView.ItemsLayout> <CollectionView.ItemTemplate> <DataTemplate> <Grid > <Grid.RowDefinitions> <RowDefinition Height="150" /> <RowDefinition Height="2*" /> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="Auto" /> <ColumnDefinition Width="25" /> </Grid.ColumnDefinitions> <Image Grid.Row="0" Grid.ColumnSpan="2" Source="Icon" Aspect="AspectFill"/> <Label Text="{Binding alterName }" FontSize="18" FontAttributes="Bold" LineBreakMode="WordWrap" /> </StackLayout> </Grid> </DataTemplate> </CollectionView.ItemTemplate> </CollectionView>