UWP 中视图更新的异步等待问题

Question

在我的 UWP 应用中，我正在根据 API 调用返回的数据更新我的 UI。 MyPage 是我显示从 API 调用返回的数据的页面，我就是这样做的：

public sealed partial class MyPage : Page
{
    private MyViewModel _viewModel;
    private MyApiResponse _result;
    private string _documentId;

    public DocumentDetailsPage()
    {
        this.InitializeComponent();            
        _viewModel = new MyViewModel();            
    }

    protected async override void OnNavigatedTo(NavigationEventArgs e)
    {
        base.OnNavigatedTo(e);    
        _documentId = (string)e.Parameter;
        await GetDocumentDetails();
    }

    private async Task GetDocumentDetails()
    {   
        //THIS WORKS, BUT USING await INSTESD OF .Result DOESN'T UPDATE THE VIEW
        _result =  new MyApiCall(_documentId).GetResponseAsync().Result;
        PrepareViewModel();        
    }

    private void PrepareViewModel()
    {       
        viewModel.Type = _result.response.type;
        viewModel.VolumeNumber = _result.response.volumeNumber;
    }
}

这是向 API 发出 Http-POST 请求的类：

public class MyApiCAll
    {
        ...
        ...

        public async Task<MyApiResponse> GetResponseAsync()
        {
            MyApiResponse responseObject;
            using(HttpClient client = new HttpClient())
            {
                client.DefaultRequestHeaders.TryAddWithoutValidation("ABC", ABC);
                var response =   await _client.PostAsync("someURL", null).ConfigureAwait(false);
                var responseJson =  await response.Content.ReadAsStringAsync();
                responseObject = Newtonsoft.Json.JsonConvert.DeserializeObject<MyApiResponse>(responseJson);        
            }
            return responseObject;  
        }
    }

这是我的观点：

<StackPanel Style="{StaticResource ContainerStackPanel}"
            Visibility="{x:Bind viewModel.Type, Converter={StaticResource ConverterNameHere}, Mode=OneWay}">
    <TextBlock Text="ABC"/>
    <TextBlock Text="{x:Bind viewModel.Type, Mode=OneWay}"/>
</StackPanel>

<StackPanel Style="{StaticResource ContainerStackPanel}"
            Visibility="{x:Bind viewModel.volumeNumber, Converter={StaticResource ConverterNameHere}, Mode=OneWay}">
    <TextBlock Text="ABC"/>
    <TextBlock Text="{x:Bind viewModel.volumeNumber, Mode=OneWay}"/>
</StackPanel>

这工作得很好，只是它会阻塞 UI，所以当我从方法调用中删除 Result 并添加这样的等待时：

_result = await new DocumentDetailsApiCall(_documentId).GetResponseAsync();

然后，我的 UI 只是不显示绑定值，它保持空白。我可以确认 viewModel 属性确实得到了更新。

我没有在我的 ViewModel 属性上实现INotifyPropertyChanged（我尝试实现它，没有改变任何东西）

更新按照建议，我已将 INPC 添加到我的 viewModel 并继承我的 ViewModel 类

class MyViewModel : INotifyPropertyChanged
{
    private string _type;
    public string Type
    {
        get { return _type; }
        set
        {
            _type = value;
            this.OnPropertyChanged();
        }
    }

    private string _volumeNumber;
    public string VolumeNumber
    {
        get { return _volumeNumber; }
        set
        {
            _volumeNumber = value;
            this.OnPropertyChanged();
        }
    }        

    public event PropertyChangedEventHandler PropertyChanged = delegate { };
    public void OnPropertyChanged([CallerMemberName] string propertyName = null)
    { 
        this.PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
    }
}

问题依然存在，我无法使用await 运算符。 .Result 仍然有效。

Answer 1

由于调用Bindings.Update() 解决了您的问题，您的绑定表达式应该是正确的，但不知何故属性更改通知失败了。

我不打算在这里猜测真正出了什么问题，而是解释什么时候应该使用Bindings.Update()，以及什么时候应该使用INPC + OneWay 绑定。

Bindings.Update() 只适用于x:Bind，与传统绑定不同，如果您的 UI 很少需要更新新数据，则不必在属性中实现 INPC，实际上，它实际上要便宜得多并且执行OneTime 绑定（调用Bindings.Update()）比使用OneWay 绑定实现INPC 性能更高。

因此，以下内容适用于 x:Bind -

<TextBlock Text="{x:Bind MyText}" Style="{StaticResource SubheaderTextBlockStyle}" />

---

public string MyText { get; set; }

private void Button_Click(object sender, RoutedEventArgs e)
{
    MyText = "new text!!";
    Bindings.Update();
}

单击按钮后，TextBlock 将填充新文本！！。注意这里我使用默认的OneTime 绑定（即{x:Bind MyText}），MyText 只是一个普通的 CLR 属性。

这只是因为我最后调用了Bindings.Update()，这会强制重新初始化OneTime 绑定。

但是，就像我之前所说的，请仅在您的 UI很少需要更新时考虑使用上述方法。大多数时候情况并非如此，因此您仍然会实现INPC 并编写OneWay 绑定，根本不需要使用Bindings.Update()。