Xamarin Forms - 在选择器选择中使用 Async SelectedIndexChanged

Question

我正在为 Android 和 iOS 在 Xamarin Forms 中实现一个应用程序，它与 WebAPI (.NET) 通信以从数据库中检索信息。 在某些时候，我有一个带有几个选择器的屏幕。假设在picker1中我们选择了一个国家；然后在picker2中我们选择一个城市。

当在picker1中选择一个国家时，它会引发一个SelectedIndexChanged事件（称为OnSelectedCountry），该事件调用WebAPI从该特定国家检索城市，然后通过picker2.ItemsSource将城市名称绑定到picker2。

这会导致性能马虎，并且看起来应用在执行 OnSelectedCountry 时卡住了，因为来自 picker1 的国家/地区列表直到 OnSelectedCountry 结束才关闭。 选择国家/地区后，如何立即关闭 picker1 中的列表项？或在其顶部显示“加载”图像。

我已经尝试过 this thread 的解决方案，但没有奏效。

代码片段（为简单起见省略了变量模型）：

XAML

<Picker x:Name="picker1" Title="Select a country" ItemDisplayBinding="{Binding name}" SelectedIndexChanged="OnSelectedCountry" IsEnabled="False"/>
<Picker x:Name="picker2" Title="Select a city" IsEnabled="False" ItemDisplayBinding="{Binding name}"/>

CS

 ...

 private ObservableCollection<City> _replyCities;

 ...

 async void OnSelectedCountry(object sender, EventArgs e)
 { 
      Country selectedCountry = (Country)picker1.SelectedItem;
      string decodedJson = await RestService.GetDataAsync(selectedCountry.name);
      Reply reply = Newtonsoft.Json.JsonConvert.DeserializeObject<Reply>(decodedJsonInput);

      _replyCities = new ObservableCollection<City>(reply.Cities);
      picker2.ItemsSource = _replyCities;
      picker2.IsEnabled = true;
 }

与 WebAPI 的连接在 RestService 类中执行，例如：

public static async Task<String> GetDataAsync(string queryInput)
{ ... }

Answer 1

我强烈建议阅读异步任务，因为如果您不熟悉它可能会非常棘手。如果你这样做，你将来会避免很多问题。

此代码使用不同的方法代替您的代码，因为我真的不想编写所有类等来测试代码，但希望 cmets 能帮助您将其集成到您的解决方案中。

更新：由于下面的解决方案不适用于 Laura 的方法，我怀疑 HTTP 调用没有使用 await，因此不是异步的。这是 UI 被阻塞的真正原因。

    private void Picker1_OnSelectedIndexChanged(object sender, EventArgs e)
    {
        // add code here to display wait icon if you want


        // replace with RestService.GetDataAsync
        Task.Delay(5000)
            .ContinueWith(t =>
        {
            // in the case there is an error making the REST call
            if (t.IsFaulted)
            {
                // handle error
                return;
            }

            // t.Result will have the REST response so replace this code with yours
            var cities = new ObservableCollection<string>(new[] {"1", "2"});

            // Since you're running a new task it is important to make sure all UI 
            // changes are ran in the main UI thread. This will make sure of that.
            Device.BeginInvokeOnMainThread(() =>
            {
                Picker2.ItemsSource = cities;
                Picker2.IsEnabled = true;
                // if you displayed wait icon make sure it is disabled here now that the function has completed

            });
        });
    }

```

Answer 2

您应该在另一个任务中运行它，这样它就不会冻结。

Task.Run(async () => {
        try
        {
            string decodedJson = await RestService.GetDataAsync(selectedCountry.name);
             Reply reply = Newtonsoft.Json.JsonConvert.DeserializeObject<Reply>(decodedJsonInput);

      _replyCities = new ObservableCollection<City>(reply.Cities);
      picker2.ItemsSource = _replyCities;
      picker2.IsEnabled = true;


        }
        catch (System.OperationCanceledException ex)
        {
            Console.WriteLine($"Text load cancelled: {ex.Message}");
        }
        catch (Exception ex)
        {
            Console.WriteLine(ex.Message);
        }
    });