[WPF] 5. 레이아웃과 Panel

5. 레이아웃과 Panel

---

 

 WPF는 사용자와 상호 작용을 하는 응용을 개발할 때 사용되는 기술입니다. 사용자와 상호 작용을 하는 응용 프로그램에서는 시각적인 사용자 인터페이스를 어떻게 배치를 할 것인지에 따라 편의성에 차이가 생깁니다. 여기에서는 이러한 자식 UI 요소들을 갖을 수 있는 다양한 패널들을 중심으로 레이아웃에 대해 다루고자 합니다.

 

 Panel은 WPF에서 UI들을 배치할 때 사용되는 다양한 패널들들에 대한 기반 클래스입니다. Panel에서는 여러 패널에서 공통적으로 필요한 멤버들을 정의되어 있습니다. Panel의 기본 속성에는 높이(Height), 너비(Width), 수평 정렬(HorizontalAlignment), 수직 정렬(VerticalAlignment), 여백(Margin), 배경 브러쉬(Background) 등이 제공됩니다. 그리고, 자식 UI 요소들을 보관하는 컬렉션 속성으로 Children을 제공하고 있습니다.

 

 다음의 표는 여기에서 다룰 UI 패널들입니다.

 

패널 이릅	설명
Grid	행과 열을 정의하여 원하는 영역에 배치
Canvas	자식 요소의 위치를 상대적인 좌표를 사용하여 배치
StackPanel	수평 혹은 수직 한 방향으로 한 줄로 배치
WrapPanel	StackPanel과 비슷하게 한 쪽 방향으로 배치를 하지만 한 줄이 꽉차면 다음줄로 배치
DockPanel	자식 요소를 Docking 속성을 통해 위, 아래, 왼쪽, 아래쪽 등에 붙여서 배치

 

---

관련 게시글

[WPF] 5. 레이아웃과 Panel - 5.1 Grid, 5.1.1 xaml 태그를 이용하여 배치

[WPF] 5. 레이아웃과 Panel - 5.1 Grid, 5.1.2 cs 소스에서 코드로 배치하기

[WPF] 5. 레이아웃과 Panel - 5.2 Canvas, 5.2.1 xaml 태그를 이용하여 배치

[WPF] 5. 레이아웃과 Panel - 5.2 Canvas, 5.2.2 cs 소스에서 코드로 배치하기

[WPF] 5. 레이아웃과 Panel - 5.3 StackPanel, 5.3.1 xaml 태그를 이용하여 배치

[WPF] 5. 레이아웃과 Panel - 5.3 StackPanel, 5.3.2 cs 소스에서 코드로 배치하기

[WPF] 5. 레이아웃과 Panel - 5.4 WrapPanel

[WPF] 5. 레이아웃과 Panel - 5.5 DockPanel