Microsoft MVP성태의 닷넷 이야기
WPF에서 로딩중 이미지를 구현 - Source [링크 복사], [링크+제목 복사]
조회: 1695
글쓴 사람
우코아
홈페이지
첨부 파일
 
안녕하세요.
소스코드를 간략하게 추려서 추가로 질문 드립니다.

원하는 것은 이미지가 로딩중에 GIF 이미지를 띄워서 '로딩중..'으로 표현하는 것입니다.
구글링을 뒤져가며 더듬더듬 따라해본 방법은 BackgroundWorker, UI쓰레드, 비동기(Async/Await)등을 해보았습니다.
많은 가르침 부탁 드립니다!


# MainWindow.xaml.cs

namespace WpfApp1
{
    /// <summary>
    /// MainWindow.xaml에 대한 상호 작용 논리
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            // GIF 이미지를 표현한 Window
            LoadingProcess loadingProcess;
            loadingProcess = new LoadingProcess();
            loadingProcess.Top = this.Top + (this.ActualHeight - loadingProcess.Height) / 2;
            loadingProcess.Left = this.Left + (this.ActualWidth - loadingProcess.Width) / 2;
            loadingProcess.Show();

            //이미지 로딩 호출
            ImageLoading();
        }

        private void ImageLoading()
        {
            this.Dispatcher.BeginInvoke(DispatcherPriority.Normal,
                (ThreadStart)delegate ()
                {
                    int imageWidth = 88;
                    WrapPanel_Images.Children.Clear();
                    DirectoryInfo di = new DirectoryInfo(@"C:\Users\dp\Desktop\TEST");
                    String fileFilters = "*.jpg|*.jpeg|*.png|*.gif|*.tiff|*.bmp";
                    String[] files = fileFilters.Split('|').SelectMany(searchPattern => Directory.GetFiles(@"C:\Users\dp\Desktop\TEST", 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 = 10;
                        bitmapImage.CacheOption = BitmapCacheOption.OnLoad;
                        bitmapImage.EndInit();

                        Image image = new Image();
                        image.Stretch = Stretch.Uniform;
                        image.Width = imageWidth;
                        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 = System.IO.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);
                    }
                }
            );
        }
    }
}




# Main.Window.xaml
<Window x:Class="WpfApp1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp1"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <DockPanel>
            <Grid DockPanel.Dock="Top">
                <Button Click="Button_Click" x:Name="button1">
                    Click
                </Button>
            </Grid>
            <Grid DockPanel.Dock="Bottom">
                <ScrollViewer HorizontalScrollBarVisibility="Disabled" VerticalScrollBarVisibility="Auto">
                    <WrapPanel x:Name="WrapPanel_Images" Orientation="Horizontal"/>
                </ScrollViewer>
            </Grid>
        </DockPanel>
    </Grid>
</Window>









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


비밀번호

댓글 쓴 사람
 



2019-01-04 11시06분
소스 코드가 아니라, 프로젝트를 첨부해 주세요. 아래의 글을 참고하시고.

재현 가능한 최소한의 예제 프로젝트란?
; http://www.sysnet.pe.kr/2/0/11452

정성태

1  2  3  4  5  6  7  8  9  10  11  12  [13]  14  15  ...
NoWriterDateCnt.TitleFile(s)
5042황윤하8/20/20182451모드버스 TCP 관련 질문 [2]
5041david8/18/20181866.NET WebAPI 에서 Response 지연되는 이유 [3]
5040농상8/14/20182073정규표현식에 대해서 [3]
5039유영태8/14/20182907비동기 소켓사용후 해당 스레드가 남아있을때 처리 방법 [4]파일 다운로드1
5038이정석8/9/20181853서버파일 로컬파일 비교 [2]
5037jjh8/8/20183061c# 으로 화면캡쳐해서 동영상으로 만드는앱을 만들고싶습니다 [5]
5036볼딱지8/8/20182032C# programming 개발 관련 질문이 있습니다. [1]
5035궁금합니다.8/8/20182416C# 버전 고민 어떤 책을 사야하나요? [1]
5034신동열8/8/20181928덤프 파일 분석 관련해서 문의 드려요. [1]
5033최규성8/7/20182197C# WinForm, Oracle 9i 로 프로그래밍시 ODP.NET, 배포 설정 방법 질문입니다. [4]
5032이정석8/6/20183796C# 으로 만들 dll 등록 [7]
5031J.S.8/6/20181748System.Array class의 구조에 대한 질문 [1]
5030농상8/4/20181914람다 식을 이용한 메서드 정의 확대를 공부하고 있습니다. [2]
5029SoulToMind8/3/20181874C# ActiveX 컨트롤 질문드립니다. [4]
5028도토리8/1/20182204혹시 회사에서 TFS 구축시 SQL-Server 라이선스 정책 아시는분 계신지요? [2]
5027농상7/31/20181989Freachable Queue의 발음을 표기하면 어떨까요? [2]
5026농상7/31/20182720소멸자의 이름에 대해서 [2]
5025김기철7/30/20181959selenium 질문좀 드릴개요 [3]
5024농상7/29/20181644패턴 매칭 when에 대해서 질문있습니다. [2]
5023농상7/28/20182661패턴매칭에 대해서 질문 있습니다. [1]
5022농상7/28/20181470튜플에 대해서 건의가 있습니다. [1]
5021농상7/27/20181470예외필터에 대해서 질문이요 [4]
5020농상7/27/20182663null 조건 연산자 예제에서 잠깐 혼동이 일어났습니다. [1]
5019농상7/26/20183820오버플로우와 언더플로우 [2]
5018이재윤7/26/20181957정말 간단한 질문일 수 있는데요! [1]
5017나나7/24/20183540Stopwatch.ElapsedTicks와 Stopwatch.ElapsedMilliseconds [9]
1  2  3  4  5  6  7  8  9  10  11  12  [13]  14  15  ...