레이아웃 - Grid 컨트롤
<Grid /> 컨트롤
- 표(그리드) 형태로 레이아웃 설정
- 속성
- RowDefinitions 속성 : 행의 수 정의
- <RowDefinition /> : 하나의 행 정의
- ColumnDefinitions 속성 : 열의 수 정의
- <ColumnDefinition /> : 하나의 열 정의
- <Grid />에 다른 컨트롤 등록
- Grid.Row 속성 : 행의 인덱스
- Grid.RowSpan : 행 병합(HTML의 rowspan)
- Grid.Column 속성 : 등록될 열의 인덱스
- Grid.ColumnSpan : 열 병합(HTML의 colspan)
-------------------------------------------------------------------------------------
[MainPage.xaml]
<UserControl x:Class="RiaGrid.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
d:DesignHeight="300" d:DesignWidth="400">
<Grid x:Name="ctlList" ShowGridLines="True" Background="White">
<Grid.RowDefinitions>
<RowDefinition Height="50"></RowDefinition>
<RowDefinition Height="100"></RowDefinition>
<RowDefinition Height="Auto"></RowDefinition>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="2*"></ColumnDefinition>
<ColumnDefinition Width="3*"></ColumnDefinition>
</Grid.ColumnDefinitions>
<TextBlock x:Name="lbl" Text="1행 1열 FontSize="30"></TextBlock>
<Button x:Name="btn" Content="1행 2열 FontSize="30" Grid.Row="0" Grid.Column="1"
Grid.RowSpan="2"></Button>
<TextBox x:Name="txt" Text="2행 1열 FontSize="30" Grid.Row="1" Grid.Column="0"
VerticalAlignment="Center"></TextBox>
<Button x:Name="cmd" Content="3행" Foreground="Lime" Grid.Row="2" FontSize="30"
Grid.ColumnSpan="2" VerticalAlignment="Bottom" HorizontalAlignment="Right"></Button>
</Grid>
</UserControl>
-------------------------------------------------------------------------------------
[실행결과]
