Microsoft MVP성태의 닷넷 이야기
글쓴 사람
정성태 (techsharer at outlook.com)
홈페이지
첨부 파일
(연관된 글이 1개 있습니다.)

C# Windows Forms - Vista/7 이후의 Progress Bar 업데이트가 느린 문제

재미있는 문제가 있군요.

안녕하십니까. c# Winform UI 질문드리겠습니다! 
; https://www.sysnet.pe.kr/3/0/5309

이 문제를 간단하게 표현하면 다음과 같습니다.

private void button1_Click(object sender, EventArgs e)
{
    this.progressBar1.Maximum = 5;

    for (int i = 1; i <= 5; i++)
    {
        this.progressBar1.Value = i;

        this.label1.Text = i.ToString();
        this.label1.Update();

        Thread.Sleep(1500); // 1.5초 후에 진행 바 이미지가 업데이트 됨!
    }
}

원인은 간단합니다. UI 스레드가 이후의 Thread.Sleep에 의해 멈추기 때문에 그동안 메시지 루프가 처리가 안 되어 Progress 진행 바의 "그리기 작업"도 이뤄지지 않으므로 발생하는 것입니다. 따라서 UI 스레드를 blocking 시키는 작업을 별도의 스레드로 분리하고 UI 업데이트 코드만 UI 스레드에 전달하는 식으로 바꾸면 문제가 해결됩니다.

private void button1_Click(object sender, EventArgs e)
{
    this.progressBar1.Maximum = 5;

    Thread t = new Thread(threadFunc);
    t.IsBackground = true;
    t.Start();
}

void threadFunc()
{
    for (int i = 1; i <= 5; i++)
    {
        this.progressBar1.BeginInvoke(
            (System.Action)(() =>
            {
                this.progressBar1.Value = i;
                this.label1.Text = i.ToString();
            }), null);

        Thread.Sleep(1500);
    }
}




대개의 경우 위와 같은 식의 문제는 여기까지의 코드로 해결될 수 있는데 Progress Bar의 경우 재미있는 문제가 하나 더 있습니다. 실제로 위의 코드를 실행해 보면, 문자열이 업데이트된 이후 약간의 시간 차를 두고 Progress Bar의 채움 영역이 업데이트되는 것을 볼 수 있습니다.

이에 관해서 검색해 보면,

Progressbar draws too slowly
; https://social.msdn.microsoft.com/Forums/windows/en-US/bdcec4df-fc9f-431a-87c1-37531ee2782f/progressbar-draws-too-slowly?forum=winforms

"it animates the progress"

How can I make the progress bar update fast enough?
; https://stackoverflow.com/questions/977278/how-can-i-make-the-progress-bar-update-fast-enough

"Vista introduced an animation effect when updating the progress bar - it tries to smoothly scroll from the previous position to the newly-set position, which creates a nasty time lag in the update of the control."

라는 글들을 볼 수 있습니다. 즉, Vista 이후부터 Progress Bar 자체의 동작이 Value 값의 업데이트 반영에 animation 효과를 넣었기 때문에 약간의 시간 차가 발생한다는 것입니다.

사실 이런 효과는 많은 경우 문제가 안 될 수 있는데, 단지 진행 상태가 큰 폭으로 천천히 바뀌면서 그에 대한 상황을 텍스트로 보여주는 경우라면 그 약간의 시간 차가 눈에 거슬릴 수 있는 정도가 됩니다.

그리고, 그 약간의 시간차를 극복하기 위한 노력이 눈물겹습니다. ^^; 우선, 아래의 답변을 보면,

Disabling progress bar animation on Vista Aero
; https://stackoverflow.com/questions/313792/disabling-progress-bar-animation-on-vista-aero

이런 해결책이 나오지만,

[DllImport("uxtheme.dll", SetLastError = true, ExactSpelling = true, CharSet = CharSet.Unicode)]

public static extern int SetWindowTheme(IntPtr hWnd, string pszSubAppName, string pszSubIdList);

private void button1_Click(object sender, EventArgs e)
{
    this.progressBar1.Maximum = 5;
    SetWindowTheme(this.progressBar1.Handle, " ", " ");

    Thread t = new Thread(threadFunc);
    t.IsBackground = true;
    t.Start();
}

아쉽게도 이 코드를 적용하면 컨트롤을 감싸는 border가 삭제되는 등의 변화가 있는데, 아마도 예전 버전의 구형 Progress Bar 컨트롤로 되돌아가는 듯합니다. 그러면서 이런 문제를 해결한 다음의 소스 코드도 소개하고 있으니 참고하시면 되겠습니다.

Updated VistaProBar
; http://rmklever.com/?p=203




혹시나, 복잡한 것이 싫다면 스레드의 특성을 이용한 우회 방법도 있습니다. 그러니까, 여기서 문제는 Progress Bar의 업데이트가 animation 효과로 인해 약간 늦어진다는 것이므로, 아예 텍스트 박스의 내용 변경을 그 delay가 발생하는 시간만큼의 뒤로 미뤄주면 되는 것입니다.

그래서 다음과 같이 코드를 변경할 수 있습니다.

void threadFunc()
{
    for (int i = 1; i <= 5; i++)
    {
        this.progressBar1.BeginInvoke(
            (System.Action)(() =>
            {
                this.progressBar1.Value = i;
                Thread.Sleep(500); // Progress Bar의 Animation 효과 시간을 대기
            }), null);

        // 대기 후에 텍스트 박스의 내용을 업데이트
        this.progressBar1.BeginInvoke(
            (System.Action)(() =>
            {
                this.label1.Text = i.ToString();
            }), null);

        Thread.Sleep(1500);
    }
}

위와 같이 바꿔주면, Progress Bar와 Label의 내용이 동시에 업데이트하는 효과를 냅니다.




물론 별도의 스레드를 사용하지 않고 메시지 루프를 써서,

C# - Console 응용 프로그램에서 UI 스레드 구현 방법
; https://www.sysnet.pe.kr/2/0/12139

Progress Bar의 Animation 효과가 처리되기까지의 시간만큼을 직접 처리하는 방법으로 구현해도 됩니다. 제가 테스트해 본 결과 0.5 초 정도 이내에는 진행 효과가 완료되기 때문에 다음과 같은 식으로 메시지 처리 시간을 줘도 동일한 효과를 볼 수 있습니다.

private void button1_Click(object sender, EventArgs e)
{
    this.progressBar1.Maximum = 5;

    for (int i = 1; i <= 5; i++)
    {
        this.progressBar1.Value = i;

        EventsWithSleep(500);

        this.label1.Text = i.ToString();

        Thread.Sleep(1500);
    }
}

void EventsWithSleep(int milliSeconds)
{
    DateTime now = DateTime.Now;

    while (true)
    {
        Application.DoEvents();

        if ((DateTime.Now - now).TotalMilliseconds > milliSeconds)
        {
            break;
        }
    }
}

단지, 이 방식은 0.5초 정도의 delay가 코드의 동작에 포함되기 때문에 시간이 더 지연될 수 있는 부작용이 있습니다. 따라서 위와 같은 예제 정도의 상황이라면 괜찮겠지만, 그 외에 진행 상태가 빠르면서 다수의 업데이트를 하는 경우라면 처리 시간이 그만큼 더 길어지는 것에 주의를 해야 합니다.

(첨부 파일은 이 글의 예제 프로젝트를 포함합니다.)




[이 글에 대해서 여러분들과 의견을 공유하고 싶습니다. 틀리거나 미흡한 부분 또는 의문 사항이 있으시면 언제든 댓글 남겨주십시오.]

[연관 글]






[최초 등록일: ]
[최종 수정일: 3/11/2020]

Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.
by SeongTae Jeong, mailto:techsharer at outlook.com

비밀번호

댓글 작성자
 




... 91  92  [93]  94  95  96  97  98  99  100  101  102  103  104  105  ...
NoWriterDateCnt.TitleFile(s)
11644정성태8/6/201823555디버깅 기술: 118. windbg - 닷넷 개발자를 위한 MEX Debugging Extension 소개
11643정성태8/6/201823328사물인터넷: 20. 아두이노 레오나르도 R3 호환 보드의 3.3v 핀의 LED 전압/전류 테스트 [1]파일 다운로드1
11642정성태8/3/201821566Graphics: 20. Unity - LightMode의 ForwardBase에 따른 _WorldSpaceLightPos0 값 변화
11641정성태8/3/201827025Graphics: 19. Unity로 실습하는 Shader (10) - 빌보드 구현 [1]파일 다운로드1
11640정성태8/3/201823733Graphics: 18. Unity - World matrix(unity_ObjectToWorld)로부터 Position, Rotation, Scale 값을 복원하는 방법파일 다운로드1
11639정성태8/2/201821377디버깅 기술: 117. windbg - 덤프 파일로부터 추출한 DLL을 참조하는 방법
11638정성태8/2/201819711오류 유형: 473. windbg - 덤프 파일로부터 추출한 DLL 참조 시 "Resolved file has a bad image, no metadata, or is otherwise inaccessible." 빌드 오류
11637정성태8/1/201824229Graphics: 17. Unity - World matrix(unity_ObjectToWorld)로부터 TRS(이동/회전/크기) 행렬로 복원하는 방법파일 다운로드1
11636정성태8/1/201831441Graphics: 16. 3D 공간에서 두 점이 이루는 각도 구하기파일 다운로드1
11635정성태8/1/201820263오류 유형: 472. C# 컴파일 오류 - Your project is not referencing the ".NETFramework,Version=v3.5" framework.
11634정성태8/1/201823293.NET Framework: 790. .NET Thread 상태가 Cooperative일 때 GC hang 현상 재현 방법파일 다운로드1
11633정성태7/29/201826637Graphics: 15. Unity - shader의 World matrix(unity_ObjectToWorld)를 수작업으로 구성 [2]파일 다운로드1
11632정성태7/28/201829564Graphics: 14. C# - Unity에서 캐릭터가 바라보는 방향을 기준으로 카메라의 위치 이동 및 회전하는 방법
11631정성태7/27/201831194Graphics: 13. Unity로 실습하는 Shader (9) - 투명 배경이 있는 텍스처 입히기 [1]
11630정성태7/27/201826276개발 환경 구성: 391. (GitHub 등과 직접 연동해) 소스 코드 디버깅을 쉽게 해 주는 SourceLink [3]
11629정성태7/26/201825410.NET Framework: 789. C# 컴파일 옵션 - Check for arithmetic overflow/underflow [2]
11628정성태7/25/201827192Graphics: 12. Unity로 실습하는 Shader (8) - 다중 패스(Multi-Pass Shader)
11627정성태7/25/201821440개발 환경 구성: 390. C# - 컴파일러 옵션 OSS signing / Public Signing
11626정성태7/25/201819687오류 유형: 471. .C++ 함수를 const로 바꾼 경우 C2440 컴파일 오류가 발생한다면?
11625정성태7/24/201819001Math: 49. GeoGebra 기하 (25) - 타원의 중심점 찾기파일 다운로드1
11624정성태7/24/201823686개발 환경 구성: 389. C# - 재현 가능한 빌드(reproducible builds) == Deterministic builds [4]
11623정성태7/24/201823102Math: 48. C# - 가우시안 함수의 이산형(discrete) 커널 값 생성파일 다운로드1
11622정성태7/23/201822773개발 환경 구성: 388. Windows 환경에서 Octave 패키지 설치하는 방법
11621정성태7/23/201820931VC++: 127. 멤버 함수에 대한 포인터를 외부에서 호출하는 방법파일 다운로드1
11620정성태7/22/201823453Graphics: 11. Unity로 실습하는 Shader (7) - Blur (평균값, 가우스, 중간값) 필터 [1]파일 다운로드1
11619정성태7/21/201823155Graphics: 10. Unity로 실습하는 Shader (6) - Mosaic Shading
... 91  92  [93]  94  95  96  97  98  99  100  101  102  103  104  105  ...