프로그래밍 기술/WPF

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

언제나휴일 2016. 5. 25. 11:11
반응형

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



5.4 WrapPanel

 

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

WrapPanel 사용 예제 실행 화면

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

 

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

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과 차이가 없습니다.

 

WrapPanel의 너비를 조절하였을 때

[그림 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

반응형