Microsoft MVP성태의 닷넷 이야기
글쓴 사람
정성태 (techsharer at outlook.com)
홈페이지
첨부 파일

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

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




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

[연관 글]


donaricano-btn



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

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

비밀번호

댓글 쓴 사람
 




[1]  2  3  4  5  6  7  8  9  10  11  12  13  14  15  ...
NoWriterDateCnt.TitleFile(s)
12936정성태1/22/202223.NET Framework: 1138. C# - ffmpeg(FFmpeg.AutoGen)를 이용해 멀티미디어 파일의 메타데이터를 보여주는 예제(metadata.c)파일 다운로드1
12935정성태1/22/202218.NET Framework: 1137. ffmpeg의 파일 해시 예제(ffhash.c)를 C#으로 포팅파일 다운로드1
12934정성태1/22/202212오류 유형: 788. Warning C6262 Function uses '65564' bytes of stack: exceeds /analyze:stacksize '16384'. Consider moving some data to heap.
12933정성태1/21/202226.NET Framework: 1136. C# - ffmpeg(FFmpeg.AutoGen)를 이용해 MP2 오디오 파일 디코딩 예제(decode_audio.c)파일 다운로드1
12932정성태1/20/202265.NET Framework: 1135. C# - ffmpeg(FFmpeg.AutoGen)로 하드웨어 가속기를 이용한 비디오 디코딩 예제(hw_decode.c) [2]파일 다운로드1
12931정성태1/20/202270개발 환경 구성: 632. ASP.NET Core 프로젝트를 AKS/k8s에 올리는 과정
12930정성태1/19/202234개발 환경 구성: 631. AKS/k8s의 Volume에 파일 복사하는 방법
12929정성태1/19/202254개발 환경 구성: 630. AKS/k8s의 Pod에 Volume 연결하는 방법
12928정성태1/18/202246개발 환경 구성: 629. AKS/Kubernetes에서 호스팅 중인 pod에 shell(/bin/bash)로 진입하는 방법
12927정성태1/18/202251개발 환경 구성: 628. AKS 환경에 응용 프로그램 배포 방법
12926정성태1/17/202226오류 유형: 787. AKS - pod 배포 시 ErrImagePull/ImagePullBackOff 오류
12925정성태1/17/202266개발 환경 구성: 627. AKS의 준비 단계 - ACR(Azure Container Registry)에 docker 이미지 배포
12924정성태1/15/2022138.NET Framework: 1134. C# - ffmpeg(FFmpeg.AutoGen)를 이용한 비디오 디코딩 예제(decode_video.c) [2]파일 다운로드1
12923정성태1/15/202275개발 환경 구성: 626. ffmpeg.exe를 사용해 비디오 파일을 MPEG1 포맷으로 변경하는 방법
12922정성태1/14/202277개발 환경 구성: 625. AKS - Azure Kubernetes Service 생성 및 SLO/SLA 변경 방법
12921정성태1/14/202255개발 환경 구성: 624. Docker Desktop에서 별도 서버에 설치한 docker registry에 이미지 올리는 방법
12920정성태1/14/202223오류 유형: 786. Camtasia - An error occurred with the camera: Failed to Add Video Sampler.
12919정성태1/13/202280Windows: 199. Host Network Service (HNS)에 의해서 점유되는 포트
12918정성태1/13/202277Linux: 47. WSL - shell script에서 설정한 환경 변수가 스크립트 실행 후 반영되지 않는 문제
12917정성태1/12/202243오류 유형: 785. C# - The type or namespace name '...' could not be found (are you missing a using directive or an assembly reference?)
12916정성태1/12/202228오류 유형: 784. TFS - One or more source control bindings for this solution are not valid and are listed below.
12915정성태1/11/202259오류 유형: 783. Visual Studio - We didn't find any interpreters
12914정성태1/11/2022165VS.NET IDE: 172. 비주얼 스튜디오 2022의 파이선 개발 환경 지원
12913정성태1/11/2022131.NET Framework: 1133. C# - byte * (바이트 포인터)를 FileStream으로 쓰는 방법
12912정성태1/11/2022119개발 환경 구성: 623. ffmpeg.exe를 사용해 비디오 파일의 이미지를 PGM(Portable Gray Map) 파일 포맷으로 출력하는 방법
[1]  2  3  4  5  6  7  8  9  10  11  12  13  14  15  ...