Using GridSplitter? Better to see it working :)

Well, this is a practical usage of it:

http://zamjad.wordpress.com/2009/12/25/using-gridsplitter/

Be sure to check it! it’s clarifying 🙂

But, baby, you can see the actual XAML code filtered for your convenience!

   <Grid>
            <Grid.RowDefinitions>
                <RowDefinition />
                <RowDefinition Height="Auto" />
                <RowDefinition />
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition />
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition />
            </Grid.ColumnDefinitions>
            <GridSplitter Grid.Column="0" Grid.Row="1" Grid.ColumnSpan="3" Background="LightGray"
                          Height="5" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" />
            <GridSplitter Grid.Column="1" Grid.Row="0" Grid.RowSpan="3" Background="LightGray"
                          Width="5" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" />
            <Rectangle Grid.Column="0" Grid.Row="0" Margin="5" Fill="Red" />
            <Rectangle Grid.Column="2" Grid.Row="0" Margin="5" Fill="Blue" />
            <Rectangle Grid.Column="0" Grid.Row="2" Margin="5" Fill="Green" />
            <Rectangle Grid.Column="2" Grid.Row="2" Margin="5" Fill="Yellow" />
        </Grid>
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s