Wie kann ich die Bilder, die ich sammle, in eine "instagram" Listenansicht bringen?

Question

Gerade jetzt, wenn ich meine Daten (die Bilder) sammeln, bekomme ich 3 des gleichen Bildes in der gleichen Zeile. Ich möchte, dass das Bild in meiner Listenansicht zusammenfließt, indem es nebeneinander platziert wird (3 eindeutige Bilder in jeder Zeile) und dann eine Zeile nach unten bewegt wird.

Dies ist mein aktueller Code:

new List<info> imagesList = new List<info>(); 

protected override void OnAppearing() 
    { 
     imagesListview.RowHeight = (int)(this.Width/3); 
    } 

async void loadPhotos() 
    { 
     var getInfo = await phpApi.getPhotos(); 

     imagesListview.ItemsSource = null; 
     imagesList = new List<info>(); 
     foreach (var items in getInfo["results"]) { 

      imagesList.Add (new info() { 
       theimage = items ["Photo"].ToString(), 
       theimage2 = items ["Photo"].ToString(), 
       theimage3 = items ["Photo"].ToString(), 
      }); 
     } 
     imagesListview.ItemsSource = imagesList; 


    } 

    public class info 
    { 
     public string theimage {get; set;} 
     public string theimage2 {get; set;} 
     public string theimage3 {get; set;} 

    } 

XAML:

<ListView x:Name="imagesListview" RowHeight="100" AbsoluteLayout.LayoutBounds="0.0, 1.0, 1.0, 0.75" AbsoluteLayout.LayoutFlags="All"> 
      <ListView.ItemTemplate> 
      <DataTemplate> 
       <ViewCell> 
         <ViewCell.View> 
          <AbsoluteLayout> 
           <Image Source="{Binding theimage}" AbsoluteLayout.LayoutBounds="0.0, 0.0, 0.333, 1.0" AbsoluteLayout.LayoutFlags="All" Aspect = "AspectFill" /> 
           <Image Source="{Binding theimage2}" AbsoluteLayout.LayoutBounds="0.5, 0.0, 0.333, 1.0" AbsoluteLayout.LayoutFlags="All" Aspect = "AspectFill" /> 
           <Image Source="{Binding theimage3}" AbsoluteLayout.LayoutBounds="1.0, 0.0, 0.333, 1.0" AbsoluteLayout.LayoutFlags="All" Aspect = "AspectFill" /> 
          </AbsoluteLayout> 
         </ViewCell.View> 
       </ViewCell> 
      </DataTemplate> 
     </ListView.ItemTemplate> 
     </ListView> 

Answer 1

int ndx = 0; 
Info info = null; 

foreach (var items in getInfo["results"]) { 

    if (ndx == 0) { 
    info = new Info(); 
    info.theimage = items ["Photo"].ToString(); 
    ndx++; 
    } else 

    if (ndx == 1) { 
    info.theimage2 = items ["Photo"].ToString(); 
    ndx++; 
    } else 

    if (ndx == 2) { 
    info.theimage3 = items ["Photo"].ToString(); 
    imagesList.Add(info); 
    info = null; 
    ndx = 0; 
    } 
} 

if (info != null) { 
    imagesList.Add(info); 
}