Microsoft MVP성태의 닷넷 이야기
.NET Framework: 130. Infragistics - Tabbed MDI WPF 응용 프로그램 [링크 복사], [링크+제목 복사]
조회: 20592
글쓴 사람
정성태 (techsharer at outlook.com)
홈페이지
첨부 파일

Infragistics 컨트롤 사용 - Tabbed MDI WPF 응용 프로그램


사실, WinForm 때부터 이런 식의 UI 구성이 있었기 때문에 그다지 새롭지 않은 주제입니다. 오죽하면, 최근 버전의 MFC에서는 기본 템플릿으로 생성되는 UI 스타일에 "Visual Studio"가 있어서 위저드만으로도 아래와 같은 UI를 바로 구현하는 것이 가능합니다.

[그림 1: 위저드만으로 생성한 MFC 응용 프로그램 유형]
Infragistics_ui_like_visualstudio_1.png

WPF 세계에서, 탭 유형의 MDI를 구현하는 것은 그다지 어렵지 않습니다. 단순하게 탭 컨트롤만 사용해도 되니까요. 문제는 Split 컨트롤을 이용하여 크기를 조정하는 것이나 도킹/언도킹/플로팅 같은 것들을 일일이 손을 대야 하다 보면 코드가 복잡해진다는 것입니다. (엄밀히, 크게 복잡한 정도는 아니지만.)

아래에 공개된 "DOCKY" 소스는 그중에서 도킹 부분과 언도킹된 컨트롤을 윈도우가 아닌 UserControl로 처리하는 방법을 보여주고 있습니다.

C# Controls
AJAX Tutorial. Retrieve values from server side controls. View now!
; http://marlongrech.wordpress.com/2008/01/29/create-blend-like-uis-using-docky/

역시 개발자의 솜씨라 그런지 아무리 WPF라고는 해도 UI의 질이 너무 떨어집니다. ^^;

바로 그런 이유 때문에라도 상용 컨트롤을 쓰는 것이 나을 수 있는데요. 아래는 Infragistics 컨트롤을 이용하여 구현한 UI입니다.

[그림 2: Infragistics로 생성한 Tabbed MDI WPF 응용 프로그램]
Infragistics_ui_like_visualstudio_2.png

소스도 매우 간단합니다. 아래의 어셈블리를 참조하고,

  • Infragistics3.Wpf.DockManager.v9.1

다음과 같이 XAML을 구성해 주면 됩니다.

<Window x:Class="WpfApplication1.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:igDock="http://infragistics.com/DockManager"
    Title="Window1" Height="300" Width="300">
    <igDock:XamDockManager>
        <igDock:DocumentContentHost>
            <igDock:SplitPane SplitterOrientation="Vertical">
                <igDock:TabGroupPane>
                    <igDock:ContentPane Header="File 1">
                        <RichTextBox />
                    </igDock:ContentPane>
                    <igDock:ContentPane Header="File 2">
                        <RichTextBox />
                    </igDock:ContentPane>
                </igDock:TabGroupPane>

                <igDock:SplitPane SplitterOrientation="Horizontal">
                    <igDock:TabGroupPane>
                        <igDock:ContentPane Header="File 3">
                            <RichTextBox />
                        </igDock:ContentPane>
                    </igDock:TabGroupPane>
                    <igDock:TabGroupPane>
                        <igDock:ContentPane Header="File 4">
                            <RichTextBox />
                        </igDock:ContentPane>
                    </igDock:TabGroupPane>
                </igDock:SplitPane>
            </igDock:SplitPane>
        </igDock:DocumentContentHost>
    </igDock:XamDockManager>
</Window>

와~~~~ ^^ 정말 쉽지요. 이전에 소개해 드린,

LOB 응용 프로그램 예제 강의
; http://blogs.infragistics.com/wpf/media/default.aspx

비디오에는 Tabbed MDI뿐만 아니라 리본 UI까지 함께 구현되어 제법 Visual Studio와 유사한 분위기를 내는 응용 프로그램을 쉽게 흉내낼 수 있으니 관심 있으신 분은 참고하시면 되겠습니다.

첨부된 솔루션을 실행하려면 이전 글에서 알려드린 Infragistics WPF 버전을 설치해야 합니다.



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

[연관 글]


donaricano-btn



[최초 등록일: ]
[최종 수정일: 7/10/2021]

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)
12862정성태12/3/202126오류 유형: 768. Golang - 빌드 시 "cmd/go: unsupported GOOS/GOARCH pair linux /amd64" 오류
12861정성태12/3/202129개발 환경 구성: 609. 파이썬 - "Windows embeddable package"로 개발 환경 구성하는 방법
12860정성태12/1/202199오류 유형: 767. SQL Server - 127.0.0.1로 접속하는 경우 "Access is denied"가 발생한다면?
12859정성태12/1/2021105개발 환경 구성: 608. Hyper-V 가상 머신에 Console 모드로 로그인하는 방법
12858정성태11/30/2021234개발 환경 구성: 607. 로컬의 USB 장치를 원격 머신에 제공하는 방법 - usbip-win
12857정성태11/24/202192개발 환경 구성: 606. WSL Ubuntu 20.04에서 파이썬을 위한 uwsgi 설치 방법
12856정성태11/23/2021273.NET Framework: 1121. C# - 동일한 IP:Port로 바인딩 가능한 서버 소켓 [2]
12855정성태11/13/2021104개발 환경 구성: 605. Azure App Service - Kudu SSH 환경에서 FTP를 이용한 파일 전송
12854정성태11/13/2021218개발 환경 구성: 604. Azure - 윈도우 VM에서 FTP 여는 방법
12853정성태11/10/2021124오류 유형: 766. Azure App Service - JBoss 호스팅 생성 시 "This region has quota of 0 PremiumV3 instances for your subscription. Try selecting different region or SKU."
12851정성태11/1/2021229스크립트: 34. 파이썬 - MySQLdb 기본 예제 코드
12850정성태10/27/2021479오류 유형: 765. 우분투에서 pip install mysqlclient 실행 시 "OSError: mysql_config not found" 오류
12849정성태10/17/2021487스크립트: 33. JavaScript와 C#의 시간 변환
12848정성태10/17/2021465스크립트: 32. 파이썬 - sqlite3 기본 예제 코드
12847정성태10/14/2021403스크립트: 31. 파이썬 gunicorn - WORKER TIMEOUT 오류 발생
12846정성태10/7/2021501스크립트: 30. 파이썬 __debug__ 플래그 변수에 따른 코드 실행 제어
12845정성태10/6/2021876.NET Framework: 1120. C# - BufferBlock<T> 사용 예제 [4]파일 다운로드1
12844정성태10/3/2021421오류 유형: 764. MSI 설치 시 "... is accessible and not read-only." 오류 메시지
12843정성태10/3/2021461스크립트: 29. 파이썬 - fork 시 기존 클라이언트 소켓 및 스레드의 동작파일 다운로드1
12842정성태10/1/2021590오류 유형: 763. 파이썬 오류 - AttributeError: type object '...' has no attribute '...'
12841정성태10/1/2021535스크립트: 28. 모든 파이썬 프로세스에 올라오는 특별한 파일 - sitecustomize.py
12840정성태9/30/2021557.NET Framework: 1119. Entity Framework의 Join 사용 시 다중 칼럼에 대한 OR 조건 쿼리파일 다운로드1
12839정성태9/15/2021831.NET Framework: 1118. C# 10 - (17) 제네릭 타입의 특성 적용파일 다운로드1
12838정성태9/13/2021855.NET Framework: 1117. C# - Task에 전달한 Action, Func 유형에 따라 달라지는 async/await 비동기 처리 [2]파일 다운로드1
12837정성태9/11/2021534VC++: 151. Golang - fmt.Errorf, errors.Is, errors.As 설명
[1]  2  3  4  5  6  7  8  9  10  11  12  13  14  15  ...