如何在 xamarin c# 的列表视图中单独显示符号和价格

Question

如何在 xamrain c# 中获取一个标签中的符号和另一个标签中的价格 我需要帮助的是如何使符号和价格在所有不同硬币的列表视图中一起出现。您可以在 GetPrice 下的链接中看到不同的符号和不同的价格。我只想将它们分组并将它们分隔在列表视图中。请帮帮我。

这是我的 MainPage.xaml

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="Crypto_Portfolio.MainPage">
<StackLayout>
    <StackLayout Orientation="Horizontal" VerticalOptions="Start">
        <ListView x:Name="priceList">
          <ListView.ItemTemplate>
            <DataTemplate>
               <ViewCell>
                  <StackLayout>
                    <Label Text="{Binding symbol}" />
                    <Label Text="{Binding price}" />
                  </StackLayout>
               </ViewCell>
            </DataTemplate>
          </ListView.ItemTemplate>
        </ListView>
    </StackLayout>
    <StackLayout Orientation="Horizontal" VerticalOptions="End">
        <Button Clicked="priceClick" Text="Fetch Price" HorizontalOptions="CenterAndExpand" VerticalOptions="End"/>
    </StackLayout>
</StackLayout>

</ContentPage>

这是我的 MainPage.xaml.cs

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Net.Http;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using Newtonsoft.Json;
using Xamarin.Forms;

namespace Crypto_Portfolio
{
    public partial class MainPage : ContentPage
    {
        public MainPage()
        {
            InitializeComponent();

            GetPrice();
        }

        public class Crypto
        {
            public string symbol { get; set; }
            public string price { get; set; }
        }

        private async void GetPrice()
        {
            HttpClient client = new HttpClient();
            var response = await client.GetStringAsync("https://api.binance.com/api/v3/ticker/price");
            var cryptoconverted = JsonConvert.DeserializeObject<List<Crypto>>(response);
            priceList.ItemsSource = cryptoconverted;
        }

        void priceClick(object sender, EventArgs e)
        {
            GetPrice();
        }


    }
}

Answer 1

首先，您需要将 web 服务中的 json 反序列化 转换为 C# 类。您可以使用json2csharp.com 到此

public class Stock
{
    public string symbol { get; set; }
    public string price { get; set; }
}

然后在你的 GetPrice 方法中

var response = await client.GetStringAsync("https://api.binance.com/api/v3/ticker/price");
var stocks = JsonConvert.DeserializeObject<List<Stock>>(response);

接下来，将 ListView 添加到您的 XAML

<ListView x:Name="stockList">
  <ListView.ItemTemplate>
    <DataTemplate>
       <ViewCell>
          <StackLayout>
            <Label Text="{Binding symbol}" />
            <Label Text="{Binding price}" />
          </StackLayout>
       </ViewCell>
    </DataTemplate>
  </ListView.ItemTemplate>
</ListView>
   

最后，将您的数据分配给GetPrice中的ListView

stockList.ItemsSource = stocks