트레이닝 센터

탐색 및 레이아웃

Studio for WinForms바탕화면 레이아웃 컨트롤 만들기

본문에서는 Studio for WinForms이 제공하는 바탕화면 레이아웃 컨트롤을 소개합니다. 드래그 앤 드롭 작업만으로 레이아웃 인터페이스를 신속하게 만들 수 있습니다. 여기에는 레이아웃 컨트롤 인 C1SplitContainer가 포함되어 있으며 Visual Studio 스타일과 비슷한 사용자 습관에 따라 C1DockingTab 도킹이 가능하며 동일한 C1Sizer의 WPF 레이아웃이 제공됩니다. 이러한 컨트롤은 전체 폼 인터페이스를 숨기거나, 확장하거나, 드래그하거나, 일시 정지, 크기 조정 및 비율 조정을 실행할 수 있습니다.


내포 가능한 바탕화면 레이아웃 컨트롤 만들기

먼저 설계 시, 도구 상자로부터 C1SplitContainer컨트롤을 창에 드래그합니다. 복잡한 멀티패널 레이아웃을 만들 수 있고 창에서 내용의 크기를 조정할 수 있으며, 내용을 접을 수도 있습니다. C1SplitContainer는 표준 SplitContainer 컨트롤과 유사하지만 두 개 이상의 패널, 타이틀 및 접기 가능한 버튼을 지원할 수 있습니다.


그림과 같은 인터페이스를 생성할 수 있습니다. :


VisualStudio스타일의 일시 레이아웃 컨트롤 만들기

먼저 설계 시, 도구 상자에서 C1DockingTab 컨트롤을 창으로 드래그합니다. 익숙하고 유연한 작동과 스타일 태그 컨트롤 인터페이스를 포함합니다. 그리고 태그 방향을 측정하고 크기 및 설계양식을 조정합니다. 일시 정지 태그와 변동태그를 만들 수도 있습니다.


축소확대 가능한 인터넷 레이아웃 컨트롤 만들기

C1Sizer:인터넷 레이아웃 팩을 가지는 컨트롤입니다. C1Sizer의 크기를 조정 할 때, 포함하는 모든 컨트롤을 그리드 라인에 상응하도록 연장합니다.
먼저, 설계 시, C1Sizer을 창에 드래그합니다. 만들기와 해상도는 무관합니다. 창의 크기를 조정할 수 있습니다. 이 그리드 레이아웃관리기는 .NET Framework이 제공하는 기본 레이아웃능력을 확장합니다. 마치 WPF와Silverlight의 Grid컨트롤과 마찬가지로 컨트롤의 크기를 조정하여 창을 채우도록 합니다.
이어서 C1Sizer에 행과 열을 추가하고 IsFixedSize 속성을 통해 행과 열의 크기 고정 여부를 설정합니다. IsSplitter 속성은 Split의 가능 여부를 설정합니다. 또한 행과 열의 배경색을 설정할 수 있습니다.
C1Sizer.SplitterMoved 이벤트를 사용하여 마우스가 Splitter를 드래그할 때 정확하게 조작할 수 있도록 합니다. 해당 C1Sizer는 다음과 같이 표시합니다.


C1Sizerlight:

이 방법으로 비가시화 모듈로 폼의 크기와 위치를 추적할 수 있습니다. 폼의 크기를 조정할 때, C1SizerLight 모듈은 비율에 따라 그 포함하는 모든 컨트롤의 크기를 조정할 수 있습니다. 이렇게 하면 폼이 어떤 해상도에서도 외관을 유지할 수 있습니다.
먼저, Panel을 폼에 드래그하고 자체 정의한 Form을 Panel 안에 둡니다. C1Sizerlight 컨트롤을 창에 드래그하면 즉시 크기를 조정하는 기능을 갖게 됩니다.
그림에서처럼 이 Form의 크기를 조정하면 창 안의 컨트롤이 그에 따라 크기를 조정될 것입니다.


본문 C1Sizer컨트롤과 C1Sizerlight컨트롤의 Demo 소스코드는 다음과 같습니다. :

샘플 다운로드



한국 그레이프시티 공식카페에서 기술지원을 받으실 수 있습니다.
이메일을 통해서도 기술지원을 받으실 수 있습니다.