WPF視圖更改導致延遲

我在我的應用程式中寫了兩個視圖，當我從“主頁”更改為“詳細資訊”時，它會導致大約 0.5 - 1 秒的延遲。我理解，原因是我在建構式中呼叫 API，但我添加了執行緒，并首先填寫一個空屬性，執行緒完成后它應該引發 OnPropertyChange。我的“詳細資訊”視圖模型在這里

public class DetailsViewModel : ObservableObject
{
    private ObservableCollection<Market> _markets;
    private Asset _asset;
    private readonly Uri _baseUri = new Uri("https://cryptingup.com/api/assets/");
    public RestClient Client { get; set; }

    public ObservableCollection<Market> Markets
    {
        get
        {
            return _markets;
        }
        set
        {
            _markets = value;
            OnPropertyChanged();
        }
    }
    public Asset Asset
    {
        get
        {
            return _asset;
        }
        set
        {
            _asset = value;
            OnPropertyChanged();
        }
    }

    public DetailsViewModel(string id)
    {
        Client = new RestClient();
        Markets = new ObservableCollection<Market>();

        new Thread(() =>
        {
            RequestCurrencyDetails(id);
        })
        {
            IsBackground = true
        }.Start();
        RequestAllMarkets(id);

        new Thread(() =>
        {
            RequestAllMarkets(id);
        })
        {
            IsBackground = true
        }.Start();
    }

    private void RequestCurrencyDetails(string id)
    { 
        Uri uri = new Uri(_baseUri, id);
        var request = new RestRequest(uri.ToString());
        request.AddHeader("Accept", "application/json");
        request.AddHeader("Content-Type", "application/json");

        var response = Client.GetAsync(request).GetAwaiter().GetResult();
        var curemodel = JsonConvert.DeserializeObject<CurrencyModelCU>(response.Content);
        Asset = curemodel.Asset;
    }
    private void RequestAllMarkets(string id)
    {
        string marketPath = id   "/markets";
        Uri uri = new Uri(_baseUri, marketPath);

        var request = new RestRequest(uri.ToString());
        request.AddHeader("Accept", "application/json");
        request.AddHeader("Content-Type", "application/json");

        var response = Client.GetAsync(request).GetAwaiter().GetResult();
        var marmodel = JsonConvert.DeserializeObject<MarketsModel>(response.Content);


        ObservableCollection<Market> temp = new ObservableCollection<Market>();
        for (int i = 0; i < 10; i  )
        {
            temp.Add(marmodel.Markets[i]);
        }
        Markets = temp;
    }
}

我知道，我在這里的執行緒做錯了，但我自己無法理解原因。感謝您的回答

uj5u.com熱心網友回復：

我強烈建議使用await async而不是Thread. 也RequestAllMarkets(id);被同步呼叫。這是最可能導致“滯后”的原因。

這是一個示例如何使用Task.Run“觸發并忘記加載操作 。https://dotnetfiddle.net/sK3ivq

using System;
using System.Threading;
using System.Diagnostics;
using System.Threading.Tasks;
                    
public class Program
{
    public static void Main()
    {
        Console.WriteLine("start");
        
        Stopwatch sw = new Stopwatch();
        sw.Start();
        DetailsViewModel vm = new DetailsViewModel();
        
        Console.WriteLine($"already back from ctor -> no lag. prove: {sw.ElapsedMilliseconds}ms foo:{vm.Foo}");
        
        // we use thread sleep -> in wpf app you don't have to wait because property change took place in VM.
        Thread.Sleep(1000);
        Console.WriteLine($"we waited long enough...: {sw.ElapsedMilliseconds}ms foo:{vm.Foo}");
    }
    
    public class DetailsViewModel
    {
        public DetailsViewModel()
        {
            Foo= "not initialized";
            Task.Run(()=> Init());
        }
        
        public async Task Init()
        {
            await Task.Delay(500);
            Foo = "bar";
        }
        
        public string Foo {get;set;}
    }
}

標籤：C＃wpf多线程

上一篇：MVVM社區工具包中的RelayCommand不回應WPF中的observable屬性

下一篇：WebView2未初始化