UI 버튼을 한 번 클릭 한 이벤트 순서 (C#, UWP, XAML)

Question

편집 : 선명도를 위해 편집 : 유니버설 윈도우 플랫폼 응용 프로그램에서 작동해야합니다. 어쩌면 관련이 없지만 Thread.Start()와 같은 것들은 사용할 수 없습니다.

텍스트 블록을 아래 코드에 표시된대로 업데이트하려고합니다.

그러나 텍스트 블록은 "Btn_Click()"이 완료된 후에 만 ​​업데이트됩니다.

어떻게하면됩니까?

private void Btn_Click() 
{ 
    TextBlock1.Text = "Work started." 
    DoWork(); 
    TextBlock1.Text = "Work done." 
} 

private void DoWork() 
{ 
    myTextBlock2.Text = "Step 1" 
    Step1(); 
    myTextBlock2.Text = "Step 2" 
    Step2(); 
    myTextBlock2.Text = "" 
} 

Answer 1

이것은 고전적인 비동기 문제입니다.

DoWork 기능을 비동기로 설정하고 await을 사용하여 호출해야합니다. 이렇게

private async void Btn_Click() 
{ 
    TextBlock1.Text = "Work started." 
    await DoWork(); 
    TextBlock1.Text = "Work done." 
} 

비동기 프로그래밍에 대한 질문이있을 경우

방문이 문서화 :

https://docs.microsoft.com/en-us/dotnet/csharp/async

https://msdn.microsoft.com/en-us/magazine/jj991977.aspx

https://docs.microsoft.com/en-us/dotnet/standard/async-in-depth

편집 :

이것은 비동기 프로그램을 구현하는 방법에 대한 예제입니다. 당신이해야 할 일은

private async void Btn_Click() 
{ 
    TextBlock1.Text = "Work started." 
    await DoWork(); 
    TextBlock1.Text = "Work done." 
} 

private async Task DoWork() 
{ 
    myTextBlock2.Text = "Requesting html from the web."; 

    HttpClient _httpClient = new HttpClient(); 
    string data = await _httpClient.GetStringAsync("example.com/stringdata.html"); 
    //here the function stops executing, and doesn't continue until GetStringAsync returns a value. 
    //While this, it gives back control to the callee (AKA the UI thread, so it doesn't block it, 
    //and can process data like mouse movement, and textblock text changes.) 

    myTextBlock2.Text = "Processing data"; 
    string outputData = await Task.Run(() => HighCPUBoundWork(data)); 

    //The CPU bound work doesn't block the UI thread, because we created a new thread for it. 
    //When it completes, we continue. 

    myTextBlock2.Text = "Writing output data to file"; 

    using (StreamWriter writer = File.CreateText("output.txt")) 
    { 
     await writer.WriteAsync(outputData); 
     //Same thing applies here, we are waiting for the OS to write to the specified file, 
     //and while it is doing that, we can get back to the UI. 
    } 
} 

private string HighCPUBoundWork(string data) 
{ 
    //Here you can do some high cpu intensity work, like computing PI to the 1000000000th digit, or anything. 
    //The html files processing would be more likely tho.. :) 
    //Notice, that this function is not async. 

    return modifiedInputData; 
} 

Answer 2

에서는 Windows Forms 컨트롤에 메이크업 스레드 - 안전 통화로 비동기를 사용하는 것입니다.

private async void button1_Click_1(object sender, EventArgs e) 
    { 
     button1.Text = "Work started."; 
     Task myTask = new Task(DoWork); 
     myTask.Start(); 
     await myTask; 
     button1.Text = "Work done."; 
    } 

private void DoWork() 
    { 
     this.SetMessageText("Step 1"); 
     Thread.Sleep(2000); // --> you can replace it with your actual method 
     this.SetMessageText("Step 2"); 
     Thread.Sleep(2000); // --> you can replace it with your actual method 
     this.SetMessageText(" "); 
    } 

이 대표는 TextBox 컨트롤에 텍스트 속성을 설정하기위한 비동기 호출을 할 수 있습니다 : 이것은 또한이 코드를 시도

Microsft Example에 의해 좋은 예입니다.

delegate void StringArgReturningVoidDelegate(string text); 

이 메서드는 Windows Forms 컨트롤에서 스레드로부터 안전한 호출을 만들기위한 패턴을 보여줍니다.

호출하는 스레드가 TextBox 컨트롤을 만든 스레드와 다른 경우이 메서드는 StringArgReturningVoidDelegate를 만들고 Invoke 메서드를 사용하여 비동기 적으로 호출합니다.

호출하는 스레드가 TextBox 컨트롤을 만든 스레드와 같으면 Text 속성이 직접 설정됩니다.

private void SetMessageText(string text) 
    { 
     // InvokeRequired required compares the thread ID of the 
     // calling thread to the thread ID of the creating thread. 
     // If these threads are different, it returns true. 
     if (this.label1.InvokeRequired) 
     { 
      StringArgReturningVoidDelegate d = new StringArgReturningVoidDelegate(SetMessageText); 
      this.Invoke(d, new object[] { text }); 
     } 
     else 
     { 
      this.label1.Text = text; 
     } 
    }