WPF에서 요소를 정교하게 배치하기 위해 사용하는 Grid 레이아웃의 활용법을 정리했다.
행과 열을 정의하고 영역을 할당하는 기법을 포함한다.
Grid: 행과 열 기반 레이아웃
Grid 레이아웃은 행(Row)과 열(Column)을 정의하여 컨트롤을 배치한다.
<Grid>
<!-- 1. 행과 열 정의 -->
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/> <!-- 콘텐츠 크기에 맞춤 -->
<RowDefinition Height="*"/> <!-- 잔여 공간 할당 -->
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="2*"/> <!-- 2:1 비율 설정 -->
<ColumnDefinition Width="1*"/>
</Grid.ColumnDefinitions>
<!-- 2. 요소 배치 -->
<Button Grid.Row="1" Grid.Column="0" Content="메인 영역" />
<Rectangle Grid.Row="0" Grid.ColumnSpan="2" Fill="SkyBlue" /> <!-- 영역 병합 -->
</Grid>
크기 단위 분석: Auto와 Star(*)
Grid는 유연한 크기 단위를 제공한다.
- Auto: 내부 콘텐츠 크기에 맞춰 자동으로 조절된다.
- 별(*) 단위: 비율에 따른 상대적 크기 조정이다.
창 크기 변경 시에도 설정된 비율을 유지하여 반응형 레이아웃 구현에 적합하다.
화면 설계의 효율성
Grid는 애플리케이션의 구조적 뼈대를 형성한다.
ColumnSpan이나 RowSpan을 활용하여 복잡한 레이아웃을 체계적으로 구성할 수 있다.
정돈된 화면 설계를 통해 사용자에게 일관된 UI를 제공할 수 있는 것 같다.
