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

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

---

5.5 DockPanel

 

 DockPanel은 자식 UI를 좌측, 우측, 위, 아래로 붙여서 배치할 수 있습니다. 단순히 DockPanel의 자식 UI의 DockPanel.Dock 속성을 Left, Top, Right, Bottom을 지정하면 원하는 위치에 달라붙어요. 그리고 DockPanel의 LastChildFill 속성을 true로 하면 마지막 배치한 자식이 남아 있는 전체 공간에 채워집니다. 물론 false로 하면 필요한 공간만 차지합니다.

  

[그림 5.16] DockPanel 사용 예제 실행 화면

 

먼저 WPF 응용 프로그램 프로젝트를 생성하세요.

[그림 5.17] WPF 응용 프로그램 프로젝트 생성

 

 DockPanel에 자식 요소를 배치할 때는 DockPanel.Dock 속성에 배치할 위치를 Left, Top, Right, Bottom을 지정할 수 있어요.

<Button Content="버튼 1" DockPanel.Dock="Left"/>

 

 그리고 마지막 배치한 요소를 남은 공간을 전체 차지하게 할 것인지 여부를 DockPanel 요소의 LastChildFill 속성에 True, False로 지정할 수 있습니다.

<DockPanel LastChildFill="False">

 

 이번 실습도 자식 컨트롤을 배치하는 것 외에 기능 구현은 없어요.

MainWindow.xaml

<Window x:Class="DockPanel_실습.MainWindow"         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"         xmlns:local="clr-namespace:DockPanel_실습"         mc:Ignorable="d"         Title="Ex-DockPanel" Height="300" Width="300">     <DockPanel LastChildFill="False">         <Button Content="버튼 1" DockPanel.Dock="Left"/>         <Button Content="버튼 2" DockPanel.Dock="Top"/>         <Button Content="버튼 3" DockPanel.Dock="Right"/>         <Button Content="버튼 4" DockPanel.Dock="Bottom"/>         <Button Content="버튼 5" DockPanel.Dock="Left"/>         <Button Content="버튼 6" DockPanel.Dock="Right"/>         <Button Content="버튼 7" DockPanel.Dock="Top"/>     </DockPanel> </Window>

---

실습 파일

DockPanel 실습.zip

관련 게시글

[WPF] 5. 레이아웃과 Panel

[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