[C#/WPF] GridSplitter 엘리먼트 : 그리드 행 크기 변경하기

■ GridSplitter 엘리먼트를 사용해 그리드 행 크기를 변경하는 방법을 보여준다.

▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid Margin="10">
        <Grid.RowDefinitions>
            <RowDefinition Height="50*"  />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="50*"  />
        </Grid.RowDefinitions>
        <StackPanel Grid.Row="0"
            Background="Tan" />
        <GridSplitter Grid.Row="1"
            HorizontalAlignment="Stretch"
            VerticalAlignment="Center"
            Height="5"
            Background="Black"
            ShowsPreview="True" />
        <StackPanel Grid.Row="2"
            Background="Brown" />
    </Grid>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="800"

Height="600"

Title="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<StackPanel Grid.Row="0"

Background="Tan" />

<GridSplitter Grid.Row="1"

HorizontalAlignment="Stretch"

VerticalAlignment="Center"

Height="5"

Background="Black"

ShowsPreview="True" />

<StackPanel Grid.Row="2"

Background="Brown" />

</Grid>

</Window>

TestProject.zip