WPF XAML Grid

WPF 레이아웃은 여러 개 있지만 실무는 거의 90% Grid를 사용한다
StackPanel -> 간단한 나열
DockPanel -> 특수한 경우
Grid -> 실무 표준

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

• Grid 기본 뼈대

Auto / * / 고정값

• Auto : 내용 크기만큼
• • : 남은 공간 비율
• 100 : 고정 픽셀

<Window x:Class="WpfStudy.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        Title="Layout Study" Width="600" Height="400">

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/> <!-- 상단 -->
            <RowDefinition Height="*"/>    <!-- 중앙 -->
            <RowDefinition Height="Auto"/> <!-- 하단 -->
        </Grid.RowDefinitions>

        <!-- 상단 -->
        <Border Grid.Row="0" Background="#DDDDDD" Padding="10">
            <TextBlock Text="상단 영역" FontSize="16"/>
        </Border>

        <!-- 중앙 -->
        <Border Grid.Row="1" Background="#FFFFFF" Padding="10">
            <TextBlock Text="중앙 영역"/>
        </Border>

        <!-- 하단 -->
        <Border Grid.Row="2" Background="#DDDDDD" Padding="10">
            <Button Content="확인" Width="100"/>
        </Border>
    </Grid>
</Window>

• Height가 Auto인 상단 하단은 높이가 그대로지만 높이가 *인 중앙은 변함