画像のように各ビューセルを別々にしたい場合

Question

この画像の様にをビューセルごとに区切ります。

あなたはこの仕事をするために、各viewcellにマージンを使用することができます

Answer 1

：

これは探していますものです。

あなたがする必要がある、あなたの場合は

Xamarin documentation over margin/padding

Answer 2

：

-Set SeparatorVisibilityなしに、あなたのViewCellコンテンツ

-Doで

-Set適切なマージンがCachingStrategyとがRowHeightを設定することを忘れないでパフォーマンス目的のために のために。

は、このサンプルを参照してください。

<ListView x:Name="listView" SeparatorVisibility="None" RowHeight="200" CachingStrategy="RecycleElement" > 
      <ListView.ItemTemplate> 
       <DataTemplate> 
        <ViewCell> 
         <Frame Margin="10"> 
         <Grid> 
          <!-- Your Content --> 
         </Grid> 
         </Frame> 
        </ViewCell> 
       </DataTemplate> 
      </ListView.ItemTemplate> 
</ListView> 

Answer 3

 <ListView Grid.Row="3" Grid.Column="1" x:Name="NameListOfFlatsList" CachingStrategy="RecycleElement" SeparatorVisibility="None" ItemsSource="{Binding ListOfFlatsList, Mode=TwoWay}" SelectedItem="{Binding selectedItemListOfFlatsList}" HasUnevenRows="True"> 
      <ListView.ItemTemplate> 
       <DataTemplate> 
        <ViewCell> 
         <Frame Margin="5"> 
          <Grid> 
           <Grid.RowDefinitions> 
            <RowDefinition Height="3"/> 
            <RowDefinition Height="Auto"/> 
            <RowDefinition Height="Auto"/> 
            <RowDefinition Height="3"/> 
           </Grid.RowDefinitions> 
           <Grid.ColumnDefinitions> 
            <ColumnDefinition Width="3"/> 
            <ColumnDefinition Width="Auto"/> 
            <ColumnDefinition Width="*"/> 
            <ColumnDefinition Width="3"/> 
           </Grid.ColumnDefinitions> 
           <StackLayout Grid.Row="1" Grid.Column="1" Orientation="Horizontal"> 
            <Label Text="{Binding meeterNumber}" Style="{StaticResource PropartyLbl}" VerticalOptions="Center"/> 
            <Label Text="|" VerticalOptions="Center"/> 
            <Label Text="{Binding catogiry}" Style="{StaticResource NoOfMetersLbl}" VerticalOptions="Center"/> 
           </StackLayout> 
           <Label Grid.Row="2" Grid.Column="1" Text="{Binding Address}" Style="{StaticResource FlatLbl}"/> 
           <Image Grid.Row="1" Grid.RowSpan="2" Grid.Column="2" Source="ReadingLog.png" VerticalOptions="Center" HorizontalOptions="End"/> 
          </Grid> 
         </Frame> 
        </ViewCell> 
       </DataTemplate> 
      </ListView.ItemTemplate> 
     </ListView>