Microsoft MVP성태의 닷넷 이야기
WPF에서 로딩중 이미지를 구현 [링크 복사], [링크+제목 복사]
조회: 2506
글쓴 사람
우코아
홈페이지
첨부 파일
 
안녕하세요.
WPF 개발 중 일주일간 풀리지 않는 문제에 봉착하여 간곡히 질문을 드립니다.

아래 링크와 같이 선생님께서 올려주신 글을 읽고 많은 도움이 되었습니다.
[https://www.sysnet.pe.kr/2/0/747]
어떤 문제 때문에 제 프로그램이 원하는대로 동작하지 않는건지 대략적인 내용을 알 수 있었습니다.
하지만, 스레드에 대한 우선순위로는 해결이 되지 않기에 불가능한 것인지, 몰라서 구현을 못하는 것인지 모르겠습니다.

위 링크와 같이 예제를 그대로 따라서 작성해 보았습니다.
설명해 주신 것 과 같이 Button 객체의 Enable은 원하는대로 동작을 합니다.
하지만, 본인이 원하는 것은 GIF 이미지와 TextBlock으로 '로딩중...'을 구현하고 싶었습니다.

'LoadingProcess.xaml'라는 Page를 하나 생성한 뒤, MainWindow에서 객체를아래와 같이 호출했습니다.
위 링크의 선생님의 예제 중 Button1 객체를 Enable하는 위치에 loadingProcess 객체를 생성하는 부분만 바꾸었습니다.

private void Button_Click(object sender, RoutedEventArgs e)
{
    loadingProcess = new LoadingProcess();
    loadingProcess.Top = this.Top + (this.ActualHeight - loadingProcess.Height) / 2;
    loadingProcess.Left = this.Left + (this.ActualWidth - loadingProcess.Width) / 2;
    loadingProcess.Show();
            
    this.Dispatcher.BeginInvoke((ThreadStart)(() => { }), DispatcherPriority.SystemIdle);

    Thread.Sleep(5000);

    loadingProcess.Close();
}


하지만, loadingProcess.xaml 페이지에서 생성한 GIF 이미지가 멈춰 있습니다.
다시 설명 드리자면, GIF 이미지가 멈춰있다기 보다는 스레드가 Sleep 되는 동안 팝업창도 같이 Sleep에 빠져있습니다.
새로운 팝업창도 블로킹 상태에 빠지게되어 GIF 이미지가 멈춰있는것 같습니다.

Sleep되는 영역에서는 사용자가 선택한 이미지를 WrapPanel에 add하는 로직이 들어갈 예정입니다.
하나씩 코드를 제거하면서 찾아보니, 이미지 로드의 문제가 아닌 스레드 작업중 화면이 블로킹 되는 것이 문제라고 판단하게 되었습니다.

위와 같은 상황에서 팝업된 화면이 정상적으로 랜더링(?) 될 수 있는 방법이 있을지요?
선생님의 소중한 답변 기다리겠으니, 저의 미숙한 질문이 부족하시다면 언제든지 덧글 부탁 드립니다.
정중하게 선생님의 의견을 여쭙습니다.


Ps.
추가로, GIF 이미지는 아래의 링크에서 설명한 대로 구현했습니다.
스레드 작업이 종료되면(Sleep 또는 Image 로딩 작업), GIF 이미지는 정상적으로 표현됩니다.
https://m.blog.naver.com/PostView.nhn?blogId=doksajokyo&logNo=221151321969&proxyReferer=http%3A%2F%2Fwww.google.com%2Furl%3Fsa%3Dt%26rct%3Dj%26q%3D%26esrc%3Ds%26source%3Dweb%26cd%3D4%26ved%3D2ahUKEwjV3t_ylsffAhVLu7wKHZ9KBAkQFjADegQIBxAB%26url%3Dhttp%253A%252F%252Fm.blog.naver.com%252Fdoksajokyo%252F221151321969%26usg%3DAOvVaw208IoMPIug52DGpiT3Cq4X

다른 질문자분과 동일한 상황입니다.
https://www.sysnet.pe.kr/Default.aspx?mode=3&sub=0&pageno=0&detail=1&wid=4882
선생님 답글도 잘 읽어보았습니다. 하지만, WPF에서는 Application.Run 메서드가 없어서 UI 스레드로 변경을 실패했습니다.
https://www.sysnet.pe.kr/2/0/11287




[연관 글]





[최초 등록일: ]
[최종 수정일: 1/2/2019 ]


비밀번호

댓글 쓴 사람
 



2019-01-02 09시21분
스레드가 좀 어렵긴 한데, 간단하게 사람이라고 생각해 보세요. BeginInvoke는 람다 함수를 책상위의 서류 더미 위에 올려 놓는 것과 같습니다. 그다음 처리는 서류 더미 위에 올려 놓은 것을 처리하는 것이 아니라 지금 당장 실행해야 하는 코드인 Thread.Sleep을 처리하는 것입니다. 그리고 그 코드는 처리하는 사람에게 지정된 시간 동안 아무것도 하지 말라고 하는 것과 같습니다.

5초가 지난 후에도 서류 더미 위에 쌓아두었던 작업을 하지 않습니다. Thread.Sleep 이후의 loadingProcess.Close를 호출하는 작업을 합니다. 그리고 그 모든 작업(즉, Button_Click 이벤트 내의 코드)을 수행하고 나서 서류 더미 위에 있던 작업들을 하나씩 차례대로... (남는 시간이므로) 처리하는 것입니다.

따라서 원하는 동작을 구현하려면 Loading 중이라는 메시지가 화면에 나오게 한 다음(그 방법을 747 글에서 설명한 것입니다.), GIF 로딩을 처리해야 합니다. 만약 GIF 로딩하는 사이 사용자 입력을 허용해야 한다면 GIF 로딩은 별도의 스레드에서 처리해야 합니다.

정성태
2019-01-02 12시04분
[우코아] 답변 감사합니다!
말씀주신 스레드의 컨셉은 이해가 되었습니다만, 추가로 질문이 더 있어서 덧글 드립니다.
Thread.Sleep(5000) 호출 대신, 아래와 같은 이미지를 로드하는 소스를 넣어도 결과는 마찬가지 입니다.
혹시, 이미지를 로딩하는 우선순위가 Thread.Sleep과 동일한 우선순위로 처리가 되는건지 궁금합니다.


DirectoryInfo di = new DirectoryInfo(@path);
String fileFilters = "*.jpg|*.jpeg|*.png|*.gif|*.tiff|*.bmp";
String[] files = fileFilters.Split('|').SelectMany(searchPattern => Directory.GetFiles(@path, searchPattern)).ToArray();

for (int i = 0; i < files.Length; i++)
{
    BitmapImage bitmapImage = new BitmapImage();
    bitmapImage.BeginInit();
    bitmapImage.UriSource = new Uri(@files[i], UriKind.Absolute);
    bitmapImage.DecodePixelWidth = 120;
    bitmapImage.CacheOption = BitmapCacheOption.OnLoad;
    bitmapImage.EndInit();

    Image image = new Image();
    image.Stretch = Stretch.Uniform;
    image.Source = bitmapImage;


    Border border = new Border();
    border.BorderThickness = new Thickness(1);
    border.BorderBrush = new SolidColorBrush(Color.FromRgb(41, 57, 86));
    border.Margin = new Thickness(2, 2, 2, 2);
    border.Width = imageWidth;
    border.Height = imageWidth;
    border.Child = image;

    TextBlock imageName = new TextBlock();
    imageName.Text = Path.GetFileName(files[i]);
    imageName.VerticalAlignment = VerticalAlignment.Center;
    imageName.HorizontalAlignment = HorizontalAlignment.Center;
    imageName.Margin = new Thickness(0, 0, 0, 10);
    imageName.MaxWidth = imageWidth - 4;

    DockPanel dockPanel = new DockPanel();
    DockPanel.SetDock(border, Dock.Top);
    DockPanel.SetDock(imageName, Dock.Bottom);
    dockPanel.Children.Add(border);
    dockPanel.Children.Add(imageName);

    WrapPanel_Images.Children.Add(dockPanel);
}

                                         
[손님]
2019-01-03 02시30분
[우코아] 위의 소스만 수행하거나 또는 Thread로 수행해도 마찬가지로, 메인창 과 팝업된 창 모두 UI 블록 상태에 빠집니다.
어쩔수 없는 경우인지... 해결이 가능하긴 한건지 궁금합니다 ㅠㅠ..
[손님]
2019-01-03 09시50분
음... ^^ 여전히 스레드에 대해 이해가 안 된 것 같은데요. Thread.Sleep을 하면 해당 스레드는 지정한 시간 동안 아무런 처리를 하지 않습니다. 이건 우선 순위의 문제가 아닙니다. 반면, Sleep이 아닌 코드를 실행하도록 만들었다면 스레드는 그냥 그 작업을 처리하는 것 뿐입니다. 지금 눈 앞에 있는 코드를 다 처리하고 난 이후에야 Dispatcher에 쌓여 있는 작업을 우선 순위에 따라 진행하는 것입니다.

도저히 모르시겠다면, 문제를 최대한 단순화시킨 예제 프로젝트와 함께 질문/답변 게시판에 다시 올려주시겠어요?
정성태

1  2  3  4  5  6  7  8  9  10  11  12  13  14  [15]  ...
NoWriterDateCnt.TitleFile(s)
4987포플러5/14/20183036닥터왓슨 로그 - c0000005 (액세스 위반) 분석 부탁드려도 될까요? [2]
4986익명5/14/20183337비주얼 스튜디오 wpf 프로젝트에서 어떻게 하면 exe파일과 실행에 필요한 파일들을 분리해서 정리해서 디렉토리로 묶을 수 있을까요? [4]
4985대구개발자5/7/20182463새로운 폴더만 "이름 없는 파일" 오류 [1]
4984안중언5/6/20183000교재 143page [1]
4983익명5/4/20186898(wpf) 다른 컴퓨터에서 사용하면 자꾸 ('CefSharp.Core.dll' 또는 여기에 종속되어 있는 파일이나 어셈블리 중 하나를 로드할 수 없습니다)라고 떠요.ㅠㅠ [5]
4982SoulToMind4/27/20182468MFC ActiveX 컨트롤 안에 있는 C# ActiveX 컨트롤 포인터 얻기 [4]
4981대전박4/25/20182296WPF IValueConverter 를 구현해서 StaticResource로 사용할때요 [1]
4980대전박4/23/20182696WPF OS버전 따라 Style 적용이 안되는 프로퍼티가 있을수 있나요? [2]
4979초보개발자4/18/20184594C# 프레임워크 버전이 다른 DLL끼리의 사용 [7]파일 다운로드1
4977SoulToMind4/17/20182573WebBrowser 컨트롤 Script 통신 문제 [3]
4976맹가이버4/14/20182474윈도우 서비스 프로그램에서 응용프로그램 호출하는 법 [1]
4975lemonprogram4/11/20183739안녕하세요 네이버로그인관련 질문드립니다. [2]
4973홍길동4/6/20182632ebook 출간 계획은 없으신가요? [2]
4978홍길동4/17/20182315    답변글 [답변]: ebook 출간 계획은 없으신가요?
4972dwkim4/3/20183427EasyHook 관련 질문 [4]
4968최홍준3/30/20182411Windows 7 Credential Provider Android와 연동 [1]
4967이대희3/30/20183092비주얼 스튜디오 설치 워크로드 중에 ".NET Core 플랫폼 간 개발" 이건 뭐하는 것인지요. [1]
4965이대희3/30/20182748자마린 설치후 안드로이드 프로젝트 생성시 디자이너가 없다는 에러가 발생합니다. [3]
4969이대희3/31/20182740    답변글 [답변]: 자마린 설치후 안드로이드 프로젝트 생성시 디자이너가 없다는 에러가 발생합니다.파일 다운로드2
4970이대희4/1/20182535        답변글 [답변]: [답변]: 자마린 설치후 안드로이드 프로젝트 생성시 디자이너가 없다는 에러가 발생합니다. [1]
4963이대희3/29/20183330UWP 스터디를 위해 찰스페졸드 저자의 Programming Windows 6판은 어떠한지요? [1]
4962포플러3/26/20183097C# 응용프로그램 (Winform)에서 unhandledexception 발생시 프로그램이 죽는 현상 이외에 재부팅될 수도 있을까요? [2]
4966포플러3/30/20183077    답변글 [답변]: C# 응용프로그램 (Winform)에서 unhandledexception 발생시 프로그램이 죽는 현상 이외에 재부팅될 수도 있을까요? [1]
4961김민욱3/26/20182982레이더 뷰어의 구현 방법(이미지 확대 축소 관련) [2]
4960hurderella3/18/20182898OCX 관련한 질문을 드리고자 합니다. [1]
4959익명3/10/20182698교재 199page 델리게이트와 object를 이용한 범용 정렬 코드 [1]
1  2  3  4  5  6  7  8  9  10  11  12  13  14  [15]  ...