Wie werden JSON-Daten in der Xamarin.forms-Listenansicht angezeigt?

Question

Ich bin neu in xamarin.forms, und ich möchte eine Cross-Plattform-App erstellen, die JSON-Daten in der Listenansicht anzeigen wird. Das sind meine JSON-Daten.

{ 
    "fish_product": [ 
    { 
     "fish_id": "1", 
     "fish_img": "", 
     "fish_name": "Indian Mackerel", 
     "fish_category": "Marine Fish", 
     "size": "Medium", 
     "price": "100" 
    }, 
    { 
     "fish_id": "2", 
     "fish_img": "", 
     "fish_name": "Manthal Repti", 
     "fish_category": "Marine Fish", 
     "size": "Small", 
     "price": "200" 
    }, 
    { 
     "fish_id": "4", 
     "fish_img": "", 
     "fish_name": "Baby Sole Fish", 
     "fish_category": "Marine Fish", 
     "size": "Small", 
     "price": "600" 
    } 
] 
} 

Ich möchte "fish_name" in der Listenansicht anzeigen. Bitte schlagen Sie hier eine Lösung oder einen Artikel oder ein Tutorial vor. Vielen Dank im Voraus.

Answer 1

Ich glaube, Sie dieses JSON wie auf ein Objekt deserialisieren haben

public class FishProduct 
{ 
    public string fish_id { get; set; } 
    public string fish_img { get; set; } 
    public string fish_name { get; set; } 
    public string fish_category { get; set; } 
    public string size { get; set; } 
    public string price { get; set; } 
} 

public class RootObject 
{ 
    public ObservableCollection<FishProduct> fish_product { get; set; } 
} 

Dann müssen Sie ein Listview verwenden, wo Sie Ihre listview.ItemsSource = myList.fish_product

Dann setzen Sie ein Datatemplate mit ViewCell

erstellen haben

In dieser ViewCell können Sie eine Beschriftung haben, wenn Sie das Feld fish_name festlegen. In Code so etwas wie

Label label = new Label(); 
label.SetBinding(Label.TextProperty, "fish_name"); 

ich glaube, Sie einen Blick auf ListView Documents

Answer 2

nehmen kann ich denke, das Sie

helfen kann

Ihr Modell

public class FishProduct 
{ 
    public string fish_id { get; set; } 
    public string fish_img { get; set; } 
    public string fish_name { get; set; } 
    public string fish_category { get; set; } 
    public string size { get; set; } 
    public string price { get; set; } 
} 

public class RootObject 
{ 
    public List<FishProduct> fish_product { get; set; } 
} 

Webservice Aufruf und JSON Deserialisation

public async Task GetData() 
{ 
try 
    { 
    HttpClient client = new HttpClient(); 
    var result = await client.GetAsync("http://yourJSON_Url"); 
    result.EnsureSuccessStatusCode(); 
    string json = await result.Content.ReadAsStringAsync(); 
    List<FishProduct> res= JsonConvert.DeserializeObject<List<FishProduct>>(json); 

    } 
catch (Exception ex) 
{ 
    throw; 
    } 
}