성태의 닷넷 이야기
홈 주인
모아 놓은 자료
프로그래밍
질문/답변
사용자 관리
사용자
메뉴
아티클
외부 아티클
유용한 코드
온라인 기능
MathJax 입력기
최근 덧글
[정성태] Reordering on an Alpha processor ;...
[정성태] 공유 감사합니다. ^^ 참고로, WPF에서 WindowsF...
[Tom Lee] 답변 감사합니다. 나름의 해결책 연구해보고 여기에도 공유해봅니다...
[정성태] 아래의 글을 보면, MoveWindow 하면 될 듯한데요. ^^...
[Tom Lee] 안녕하세요 올려주신 글 참고하여 WPF 어플리케이션 안에 Uni...
[정성태] A graphical depiction of the steps ...
[정성태] 질문을 주셔서 출판사 측에 문의를 했습니다. 약 한 달 정도 후...
[Thorondor
] @정성태 개인 블로그인데도 거의 커뮤니티 급 인 것 같아요. 요...
[정성태] Roll A Lisp In C - Reading ; https...
[정성태] Java - How to use the Foreign Funct...
글쓰기
제목
이름
암호
전자우편
HTML
홈페이지
유형
제니퍼 .NET
닷넷
COM 개체 관련
스크립트
VC++
VS.NET IDE
Windows
Team Foundation Server
디버깅 기술
오류 유형
개발 환경 구성
웹
기타
Linux
Java
DDK
Math
Phone
Graphics
사물인터넷
부모글 보이기/감추기
내용
<div style='display: inline'> <br /> <div style='font-family: 맑은 고딕, Consolas; font-size: 20pt; color: #006699; text-align: center; font-weight: bold'>Infragistics 컨트롤 사용 - Tabbed MDI WPF 응용 프로그램</div><br /> <br /> 사실, WinForm 때부터 이런 식의 UI 구성이 있었기 때문에 그다지 새롭지 않은 주제입니다. 오죽하면, 최근 버전의 MFC에서는 기본 템플릿으로 생성되는 UI 스타일에 "Visual Studio"가 있어서 위저드만으로도 아래와 같은 UI를 바로 구현하는 것이 가능합니다.<br /> <br /> [그림 1: 위저드만으로 생성한 MFC 응용 프로그램 유형]<br /> <img alt='Infragistics_ui_like_visualstudio_1.png' src='/SysWebRes/bbs/Infragistics_ui_like_visualstudio_1.png' /><br /> <br /> WPF 세계에서, 탭 유형의 MDI를 구현하는 것은 그다지 어렵지 않습니다. 단순하게 탭 컨트롤만 사용해도 되니까요. 문제는 Split 컨트롤을 이용하여 크기를 조정하는 것이나 도킹/언도킹/플로팅 같은 것들을 일일이 손을 대야 하다 보면 코드가 복잡해진다는 것입니다. (엄밀히, 크게 복잡한 정도는 아니지만.)<br /> <br /> 아래에 공개된 "DOCKY" 소스는 그중에서 도킹 부분과 언도킹된 컨트롤을 윈도우가 아닌 UserControl로 처리하는 방법을 보여주고 있습니다.<br /> <br /> <pre style='margin: 10px 0px 10px 10px; padding: 10px 0px 10px 10px; width: 800px; background-color: #fbedbb; overflow-x: scroll; font-family: Consolas, Verdana;' > C# Controls AJAX Tutorial. Retrieve values from server side controls. View now! ; <a target='_tab' href='http://marlongrech.wordpress.com/2008/01/29/create-blend-like-uis-using-docky/'>http://marlongrech.wordpress.com/2008/01/29/create-blend-like-uis-using-docky/</a> </pre> <br /> 역시 개발자의 솜씨라 그런지 아무리 WPF라고는 해도 UI의 질이 너무 떨어집니다. ^^;<br /> <br /> 바로 그런 이유 때문에라도 상용 컨트롤을 쓰는 것이 나을 수 있는데요. 아래는 Infragistics 컨트롤을 이용하여 구현한 UI입니다.<br /> <br /> [그림 2: Infragistics로 생성한 Tabbed MDI WPF 응용 프로그램]<br /> <img alt='Infragistics_ui_like_visualstudio_2.png' src='/SysWebRes/bbs/Infragistics_ui_like_visualstudio_2.png' /><br /> <br /> 소스도 매우 간단합니다. 아래의 어셈블리를 참조하고,<br /> <br /> <ul> <li>Infragistics3.Wpf.DockManager.v9.1</li> </ul> <br /> 다음과 같이 XAML을 구성해 주면 됩니다.<br /> <br /> <pre style='margin: 10px 0px 10px 10px; padding: 10px 0px 10px 10px; width: 800px; background-color: #fbedbb; overflow-x: scroll; font-family: Consolas, Verdana;' > <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"> <<b style='color: Blue;'>igDock:XamDockManager</b>> <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> </<b style='color: Blue;'>igDock:XamDockManager</b>> </Window> </pre> <br /> 와~~~~ ^^ 정말 쉽지요. 이전에 소개해 드린,<br /> <br /> <pre style='margin: 10px 0px 10px 10px; padding: 10px 0px 10px 10px; width: 800px; background-color: #fbedbb; overflow-x: scroll; font-family: Consolas, Verdana;' > LOB 응용 프로그램 예제 강의 ; <a target='_tab' href='http://blogs.infragistics.com/wpf/media/default.aspx'>http://blogs.infragistics.com/wpf/media/default.aspx</a> </pre> <br /> 비디오에는 Tabbed MDI뿐만 아니라 리본 UI까지 함께 구현되어 제법 Visual Studio와 유사한 분위기를 내는 응용 프로그램을 쉽게 흉내낼 수 있으니 관심 있으신 분은 참고하시면 되겠습니다.<br /> <br /> <a target='_tab' href='http://www.sysnet.pe.kr/bbs/DownloadAttachment.aspx?fid=457&boardid=331301885'>첨부된 솔루션</a>을 실행하려면 <a target='_tab' href='/2/0/700'>이전 글에서 알려드린 Infragistics WPF 버전을 설치</a>해야 합니다.<br /> <br /><br /><hr /><span style='color: Maroon'>[이 토픽에 대해서 여러분들과 의견을 공유하고 싶습니다. 틀리거나 미흡한 부분 또는 의문 사항이 있으시면 언제든 댓글 남겨주십시오.]</span> </div>
첨부파일
스팸 방지용 인증 번호
1361
(왼쪽의 숫자를 입력해야 합니다.)