我們如何在列表視圖中創建兩列每行

Question

我們如何在列表視圖中爲每行創建兩列，並使用行綁定數據？
我想創建一個列表，其中每行有兩列，每列與單個數據模板綁定。

Answer 1

你可以這樣使用。

<ListView x:Name="lstName" 
      Grid.Row="0" 
      Grid.Column="0" 
      ItemsSource="{Binding ListObject,Mode=TwoWay}" 
      CachingStrategy="RecycleElement" 
      HasUnevenRows="True" 
      BackgroundColor="White"> 
    <ListView.ItemTemplate> 
    <DataTemplate> 
     <ViewCell> 
      <Grid RowSpacing="0" 
        Padding="15,8,0,8" 
        HorizontalOptions="FillAndExpand" 
        VerticalOptions="StartAndExpand">    
       <Grid.ColumnDefinitions> 
        <ColumnDefinition Width="Auto" /> 
        <ColumnDefinition Width="Auto" /> 
       </Grid.ColumnDefinitions> 
       <Grid.RowDefinitions> 
        <RowDefinition Height="Auto" />     
       </Grid.RowDefinitions> 
       <Label Grid.Row="0" 
         Grid.Column="0" 
         Text="{Binding FieldName}" 
         Font="12" /> 
       <Label Grid.Row="0" 
         Grid.Column="1" 
         Text="{Binding FieldName}" 
         Font="12" 
         HorizontalOptions="FillAndExpand" 
         VerticalOptions="StartAndExpand" /> 
      </Grid> 
     </ViewCell> 
    </DataTemplate> 
    </ListView.ItemTemplate> 
</ListView>