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

비밀번호

댓글 작성자
 




... 61  62  63  64  65  66  67  68  69  70  71  72  73  [74]  75  ...
NoWriterDateCnt.TitleFile(s)
11797정성태12/19/201810582개발 환경 구성: 425. vcpkg - CMake Error: Problem with archive_write_header(): Can't create '' 빌드 오류
11796정성태12/19/201810230개발 환경 구성: 424. vcpkg - "File does not have expected hash" 오류를 무시하는 방법
11795정성태12/19/201812662Windows: 154. PowerShell - Zone 별로 DNS 레코드 유형 정보 조회 [1]
11794정성태12/16/201810010오류 유형: 508. Get-AzureWebsite : Request to a downlevel service failed.
11793정성태12/16/201811655개발 환경 구성: 423. NuGet 패키지 제작 - Native와 Managed DLL을 분리하는 방법 [1]
11792정성태12/11/201812408Graphics: 34. .NET으로 구현하는 OpenGL (11) - Per-Pixel Lighting파일 다운로드1
11791정성태12/11/201812419VS.NET IDE: 130. C/C++ 프로젝트의 시작 프로그램으로 .NET Core EXE를 지정하는 경우 닷넷 디버깅이 안 되는 문제 [1]
11790정성태12/11/201810737오류 유형: 507. Could not save daemon configuration to C:\ProgramData\Docker\config\daemon.json: Access to the path 'C:\ProgramData\Docker\config' is denied.
11789정성태12/10/201820642Windows: 153. C# - USB 장치의 연결 및 해제 알림을 위한 WM_DEVICECHANGE 메시지 처리 [2]파일 다운로드2
11788정성태12/4/201810555오류 유형: 506. SqlClient - Value was either too large or too small for an Int32.Couldn't store <2151292191> in ... Column
11787정성태11/29/201814532Graphics: 33. .NET으로 구현하는 OpenGL (9), (10) - OBJ File Format, Loading 3D Models파일 다운로드1
11786정성태11/29/201811175오류 유형: 505. OpenGL.NET 예제 실행 시 "Managed Debugging Assistant 'CallbackOnCollectedDelegate'" 예외 발생
11785정성태11/21/201813599디버깅 기술: 120. windbg 분석 사례 - ODP.NET 사용 시 Finalizer에서 System.AccessViolationException 예외 발생으로 인한 비정상 종료
11784정성태11/18/201813294Graphics: 32. .NET으로 구현하는 OpenGL (7), (8) - Matrices and Uniform Variables, Model, View & Projection Matrices파일 다운로드1
11783정성태11/18/201811384오류 유형: 504. 윈도우 환경에서 docker가 설치된 컴퓨터 간의 ping IP 주소 풀이 오류
11782정성태11/18/201811153Windows: 152. 윈도우 10에서 사라진 "Adapters and Bindings" 네트워크 우선순위 조정 기능 - 두 번째 이야기
11781정성태11/17/201813367개발 환경 구성: 422. SFML.NET 라이브러리 설정 방법 [1]파일 다운로드1
11780정성태11/17/201814843오류 유형: 503. vcpkg install bzip2 빌드 에러 - "Error: Building package bzip2:x86-windows failed with: BUILD_FAILED"
11779정성태11/17/201815227개발 환경 구성: 421. vcpkg 업데이트 [1]
11778정성태11/14/201813014.NET Framework: 803. UWP 앱에서 한 컴퓨터(localhost, 127.0.0.1) 내에서의 소켓 연결
11777정성태11/13/201812036오류 유형: 502. Your project does not reference "..." framework. Add a reference to "..." in the "TargetFrameworks" property of your project file and then re-run NuGet restore.
11776정성태11/13/201811285.NET Framework: 802. Windows에 로그인한 계정이 마이크로소프트의 계정인지, 로컬 계정인지 알아내는 방법
11775정성태11/13/201813832Graphics: 31. .NET으로 구현하는 OpenGL (6) - Texturing파일 다운로드1
11774정성태11/8/201811687Graphics: 30. .NET으로 구현하는 OpenGL (4), (5) - Shader파일 다운로드1
11773정성태11/7/201811451Graphics: 29. .NET으로 구현하는 OpenGL (3) - Index Buffer파일 다운로드1
11772정성태11/6/201813734Graphics: 28. .NET으로 구현하는 OpenGL (2) - VAO, VBO파일 다운로드1
... 61  62  63  64  65  66  67  68  69  70  71  72  73  [74]  75  ...