Visual Studio/WPF > 컨트롤 > GridSplitter

운영 환경
Windows 7 Pro (32bit)
Microsoft Visual Studio 2017 Community
Sublime Text 2

@ WPF 4.5 입문 by 오타 카즈키
No.2637/9985

Grid 컨트롤의 특징의 하나로서 GridSplitter 컨트롤을 사용한 마우스로의 사이즈 변경에의 대응이 있습니다.

구체예로서 좌우로 이동 가능한 GridSplitter의 코드가 게재되어 있다.

그 코드를 바탕으로 "상하로 이동 가능한"GridSplitter로 변경해 보았다.

XAML
<Window x:Class="_170425_t0650_gridSplitter.MainWindow"
        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"
        xmlns:local="clr-namespace:_170425_t0650_gridSplitter"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">
    <Grid ShowGridLines="True">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="150"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <Button Grid.Row="0" Grid.ColumnSpan="2" Content="Menu"/>
        <Button Grid.Row="1" Grid.ColumnSpan="2" Content="Toolbar"/>
        <Button Grid.Row="3" Grid.ColumnSpan="2" Content="Status Bar"/>
        <Button Grid.Row="2" Content="Tree" Margin="0,5,0,0"/>
        <GridSplitter Grid.Row="2" Grid.ColumnSpan="2" HorizontalAlignment="Stretch"
                      VerticalAlignment="Top" Height="5"/>
        <Button Grid.Row="2" Grid.Column="1" Content="Content" Margin="0,5,0,0"/>
    </Grid>
</Window>



Toolbar 아래에 GridSplitter가 들어 있다.

좋은 웹페이지 즐겨찾기