[C# WPF] 레이아웃 #1

C# WPF 레이아웃 종류에는 StackPanel, Grid, DockPanel, WrapPanel 등 있습니다.

StackPanel	요소를 수직 또는 수평으로 순서대로 쌓는 레이아웃입니다.
Grid	행과 열로 구성된 그리드 레이아웃으로 요소를 배치합니다.
DockPanel	각 요소를 도크(부착) 위치에 따라 배치하는 레이아웃입니다.
WrapPanel	요소를 수평 또는 수직으로 순서대로 쌓지만, 공간이 부족하면 다음 줄로 자동 줄바꿈합니다.

 

- StackPanel

 <StackPanel>
   <TextBlock Text="1" FontSize="20" />
   <TextBlock Text="2" FontSize="20" />
   <TextBlock Text="3" FontSize="20" />
   <TextBlock Text="4" FontSize="20" />
   <TextBlock Text="5" FontSize="20" />
   <TextBlock Text="6" FontSize="20" />
   <TextBlock Text="7" FontSize="20" />
</StackPanel>

 

- Grid

  <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition/>
        </Grid.RowDefinitions>

        <TextBlock Grid.Column="0" Grid.Row="0" Text="1" FontSize="20" />
        <TextBlock Grid.Column="0" Grid.Row="1" Text="2" FontSize="20"/>
        <TextBlock Grid.Column="1" Grid.Row="0" Text="3" FontSize="20"/>
        <TextBlock Grid.Column="1" Grid.Row="1" Text="4" FontSize="20"/>
    </Grid>

    <Grid.ColumnDefinitions>
        <ColumnDefinition/>
        <ColumnDefinition/>
    </Grid.ColumnDefinitions>

    <Grid.ColumnDefinitions>은 각 열의 너비를 정의하는 데 사용되고  <ColumnDefinition/>를 이용하여 Grid를 나눕니다.

   

<Grid.RowDefinitions>
   <RowDefinition/>
   <RowDefinition/>
</Grid.RowDefinitions>

 <Grid.RowDefinitions>또한 각 행의 너비를 정의하는 데 사용되고  <RowDefinition/>를 이용하여 Grid를 나눕니다.