[WPF] WrapPanel & DockPanel

WrapPanel은 여유공간이 부족해지기 전까지는 StackPanel과 똑같이 동작한다. 또한 WrapPanel은 Orientation 속성을 제공을 해서 이 속성을 Vertical로 설정하면 수직으로 정렬된다.

 

<Window x:Class="WpfApplication15.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <WrapPanel>
            <Button Width="30">1</Button>
            <Button Width="30">2</Button>
            <Button Width="30">3</Button>
            <Button Width="30">4</Button>
            <Button Width="30">5</Button>
            <Button Width="30">6</Button>
            <Button Width="30">7</Button>
           
        </WrapPanel>
        <CheckBox Content="CheckBox" Height="16" HorizontalAlignment="Left" Margin="-175,78,0,0" Name="checkBox1" VerticalAlignment="Top" />
    </Grid>
</Window>

 

 

 

DockPanel은 각 자식 요소를 지정된 면에 결합하여 정렬을 하는 Panel이다. 또한 각 요소들은 DockPanel 내에서 절대로 겹쳐지지 않으므로 각각의 요소들은 이전에 추가된 요소들이 사용하지 않는 공간만을 활용.

 

<Window x:Class="WpfApplication15.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <DockPanel>
            <Button DockPanel.Dock="Bottom">아래</Button>
            <Button DockPanel.Dock="Left">왼쪽</Button>
            <Button DockPanel.Dock="Right">오른쪽</Button>
            <Button DockPanel.Dock="Top">위</Button>
            <Button>가운데</Button>

<!— 어느 버튼을 생성하냐에 따라서 번트의 놓여진 방식이 달라진다.     -->
        </DockPanel>
    </Grid>
</Window>