레이아웃 - 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>

 

-------------------------------------------------------------------------------------

 

[실행결과]