성태의 닷넷 이야기
홈 주인
모아 놓은 자료
프로그래밍
질문/답변
사용자 관리
사용자
메뉴
아티클
외부 아티클
유용한 코드
온라인 기능
MathJax 입력기
최근 덧글
[정성태] Java - How to use the Foreign Funct...
[정성태] 제가 큰 실수를 했군요. ^^; Delegate를 통한 Bein...
[정성태] Working with Rust Libraries from C#...
[정성태] Detecting blocking calls using asyn...
[정성태] 아쉽게도, 커뮤니티는 아니고 개인 블로그입니다. ^^
[정성태] 질문이 잘 이해가 안 됩니다. 우선, 해당 소스코드에서 ILis...
[양승조
] var대신 dinamic으로 선언해서 해결은 했습니다. 맞는 해...
[양승조
] 또 막혔습니다. ㅠㅠ var list = props[i].Ge...
[양승조
] 아. 감사합니다. 어제는 안됐던것 같은데....정신을 차려야겠네...
[정성태] "props[i].GetValue(props[i])" 코드에서 ...
글쓰기
제목
이름
암호
전자우편
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>
첨부파일
스팸 방지용 인증 번호
1509
(왼쪽의 숫자를 입력해야 합니다.)