언제나 휴일

[WPF] 5. 레이아웃과 Panel - 5.5 DockPanel5.5 DockPanel DockPanel은 자식 UI를 좌측, 우측, 위, 아래로 붙여서 배치할 수 있습니다. 단순히 DockPanel의 자식 UI의 DockPanel.Dock 속성을 Left, Top, Right, Bottom을 지정하면 원하는 위치에 달라붙어요. 그리고 DockPanel의 LastChildFill 속성을 true로 하면 마지막 배치한 자식이 남아 있는 전체 공간에 채워집니다. 물론 false로 하면 필요한 공간만 차지합니다. [그림 5.16] DockPanel 사용 예제 실행 화면 먼저 WPF 응용 프로그램 프로젝트를 생성하세요.[그림 5.17] WPF 응용 프로그램 프로젝트 생성 DockPanel에 자식 요소를 배치할..

[WPF] 5. 레이아웃과 Panel - 5.4 WrapPanel 5.4 WrapPanel WrapPanel은 StackPanel과 매우 흡사합니다. StackPanel과 다른 점은 WrapPanel에서는 한 줄이 꽉차면 다음 줄로 넘어간는 것입니다. 흔히 폴더에서 파일 목록을 보는 것과 같습니다.[그림 5.13] WrapPanel 사용 예제 실행 화면 먼저 WPF 응용 프로그램 프로젝트를 생성하세요.[그림 5.14] WPF 응용 프로그램 프로젝트 생성 WrapPanel을 사용하면 [그림 5.13]처럼 한 줄이 꽉 차면 자동으로 다음 줄로 넘어갑니다. 사용 방법에 대해서는 StackPanel과 별 차이가 없기 때문에 설명을 생략할게요.

5.3 StackPanel, 5.3.2 cs 소스 에서 코드로 배치하기5.3.2 cs에서 소스를 이용하여 배치하기 이번에는 cs 파일에서 직접 소스를 작성하여 배치하는 것에 대해 살펴봅시다. 실습할 배치 모습은 앞에서 xaml 태그를 이용한 것과 같습니다.[그림 5.11] StackPanel 사용 예제 실행 화면 먼저 WPF 응용 프로그램 프로젝트를 생성하세요.[그림 5.12] WPF 응용 프로그램 프로젝트 생성 먼저, xaml에 Window 개체 부분을 제외한 부분을 없애는 것부터 시작합시다. MainWindow.xaml.cs using System.Windows; using System.Windows.Controls; namespace StackPanel_실습___소스_코드로_배치 { /// /// ..

5.레이아웃과 Panel - 5.2 Canvas, 5.2.2 cs 소스에서 코드로 배치하기5.2.2 cs 소스 파일에서 코드로 배치하기 이번에는 cs 파일에서 직접 소스를 작성하여 배치하는 것에 대해 살펴봅시다. 실제 WPF 프로그램을 작성할 때 UI 배치를 소스에서 작성하는 것은 자주 발생하는 작업은 아니지만 cs 파일에서 소스를 직접 작성해 보면 좀 더 명확하게 이해할 수 있어요. 실습할 배치 모습은 앞에서 xaml 태그를 이용한 것과 같습니다. [그림 5.7] Canvas 사용 예제 실행 화면 먼저 WPF 응용 프로그램 프로젝트를 생성하세요.[그림 5.8] WPF 응용 프로그램 프로젝트 생성 먼저, xaml 파일에 Window 요소 내부를 지우세요. Canvas 개체를 생성하는 코드부터 시작해야겠지..

5. 레이아웃과 Panel - 5.2 Canvas, 5.2.1 xaml 태그를 이용하여 배치 5.2 Canvas Canvas는 Windows Form에서 UI를 배치하는 방법과 매우 흡사합니다. Canvas에서는 자식 UI를 Canvas 영역 내에 배치하고자 하는 상대 좌표를 지정할 수 있습니다. 그리고, Grid와 다르게 Canvas의 크기가 변한다 하더라도 자식 UI들의 크기나 Canvas내에 상대적 위치는 변하지 않습니다. 여러분들이 만들고자 하는 프로그램에서 창의 크기에 따라 UI요소들의 크기가 자동으로 조정이 되게 하고 싶지 않은 경우에 사용하세요. 5.2.1 xaml에서 태그를 이용하여 배치하기 Canvas를 사용할 경우에는 xaml 파일에 태그에 직접 작성하는 것 보다는 디자인 창에서 마우스..