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

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

---

5.4 WrapPanel

 

 WrapPanel은 StackPanel과 매우 흡사합니다. StackPanel과 다른 점은 WrapPanel에서는 한 줄이 꽉차면 다음 줄로 넘어간는 것입니다. 흔히 폴더에서 파일 목록을 보는 것과 같습니다.

[그림 5.13] WrapPanel 사용 예제 실행 화면

 

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

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

 

 WrapPanel을 사용하면 [그림 5.13]처럼  한 줄이 꽉 차면 자동으로 다음 줄로 넘어갑니다. 사용 방법에 대해서는 StackPanel과 별 차이가 없기 때문에 설명을 생략할게요.

 

MainWindow.xaml

<Window x:Class="Ex_WrapPanel.Window1"     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"     Title="Ex-Wrap" Height="300" Width="300">     <WrapPanel Orientation="Horizontal">         <Button Content="Button 1"/>         <Button Content="Button 2"/>         <Button Content="Button 3"/>         <Button Content="Button 4"/>         <Button Content="Button 5"/>         <Button Content="Button 6"/>     </WrapPanel>              </Window>

 

 다음은 WrapPanel의 너비를 조절하였을 때 컨트롤 배치가 자동으로 너비에 맞게 재배치하는 모습입니다. 이러한 특징 외에는 StackPanel과 차이가 없습니다.

 

[그림 5.15] WrapPanel의 너비를 조절하였을 때

---

실습 파일

WrapPannel 실습.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.5 DockPanel