Use the IsSharedSizeScope attached property of the Grid element : Grid « Windows Presentation Foundation « VB.Net

1. VB.Net
2. Windows Presentation Foundation
3. Grid

Use the IsSharedSizeScope attached property of the Grid element

      

<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    x:Class="grid_issharedsizescope_prop.Window1"
    Title="Grid IsSharedSizeScope Sample">
    <Border BorderBrush="Black" Background="White" BorderThickness="2">

  <DockPanel Name="dp1" Grid.IsSharedSizeScope="False" VerticalAlignment="Top" HorizontalAlignment="Left" Margin="10">
    <StackPanel Orientation="Horizontal" DockPanel.Dock="Top">  
        <Button Click="setTrue" Margin="0,0,10,10">Set IsSharedSizeScope="True"</Button>
        <Button Click="setFalse" Margin="0,0,10,10">Set IsSharedSizeScope="False"</Button>
    </StackPanel> 

    <StackPanel Orientation="Horizontal" DockPanel.Dock="Top">
 
    <Grid ShowGridLines="True" Margin="0,0,10,0">
      <Grid.ColumnDefinitions>
        <ColumnDefinition SharedSizeGroup="FirstColumn"/>
        <ColumnDefinition SharedSizeGroup="SecondColumn"/>
      </Grid.ColumnDefinitions>
      <Grid.RowDefinitions>
        <RowDefinition Height="Auto" SharedSizeGroup="FirstRow"/>
      </Grid.RowDefinitions>
        <Rectangle Fill="Silver" Grid.Column="0" Grid.Row="0" Width="200" Height="100"/>
        <Rectangle Fill="Blue" Grid.Column="1" Grid.Row="0" Width="150" Height="100"/>

        <TextBlock Grid.Column="0" Grid.Row="0" FontWeight="Bold">First Column</TextBlock>
        <TextBlock Grid.Column="1" Grid.Row="0" FontWeight="Bold">Second Column</TextBlock>
    </Grid>

    <Grid ShowGridLines="True">
      <Grid.ColumnDefinitions>
        <ColumnDefinition SharedSizeGroup="FirstColumn"/>
        <ColumnDefinition SharedSizeGroup="SecondColumn"/>
      </Grid.ColumnDefinitions>
      <Grid.RowDefinitions>        
        <RowDefinition Height="Auto" SharedSizeGroup="FirstRow"/>
      </Grid.RowDefinitions>

        <Rectangle Fill="Silver" Grid.Column="0" Grid.Row="0"/>
        <Rectangle Fill="Blue" Grid.Column="1" Grid.Row="0"/>
 
        <TextBlock Grid.Column="0" Grid.Row="0" FontWeight="Bold">First Column</TextBlock>
        <TextBlock Grid.Column="1" Grid.Row="0" FontWeight="Bold">Second Column</TextBlock>
    </Grid>
    
    </StackPanel>

  </DockPanel>
  </Border>  
</Window>

//File:Window.xaml.vb

Imports System
Imports System.Windows
Imports System.Windows.Controls

Namespace grid_issharedsizescope_prop
  Public Partial Class Window1
    Inherits Window
    Public Sub setTrue(sender As Object, e As System.Windows.RoutedEventArgs)
      Grid.SetIsSharedSizeScope(dp1, True)
      Console.WriteLine(Grid.GetIsSharedSizeScope(dp1).ToString())
    End Sub

    Public Sub setFalse(sender As Object, e As System.Windows.RoutedEventArgs)
      Grid.SetIsSharedSizeScope(dp1, False)
      Console.WriteLine(Grid.GetIsSharedSizeScope(dp1).ToString())
    End Sub
  End Class
End Namespace

   
    
    
    
    
    
  

Related examples in the same category

1.	The first row of a grid
2.	Positioning elements using a Grid
3.	Layout within a button using Grid
4.	Label in a Grid
5.	Display Content in Resizable Split Panel
6.	Place more than two object to one cell
7.	Add StackPanel to Row 0
8.	Using the attached properties of Grid
9.	Two columns and three rows columns
10.	Fixed column width
11.	Grid with row and column definition and place buttons to grid cells
12.	Shared Size Groups
13.	DoubleSplit Window
14.	Grid PreviewMouseDown action and MouseDown action
15.	Grid MouseMove
16.	Grid MouseLeftButtonDown
17.	Grid MouseLeftButtonUp
18.	Use the Grid to create a dialog box that uses the WPF layout API
19.	Is Grid ReadOnly
20.	Dynamically add Button to a Grid and add Action listener
21.	Setting Grid row heights in code
22.	Layout Controls with Grid in code
23.	Show Grid lines in code
24.	Grid mouse down event
25.	Grid Preview mouse down event
26.	Put Button onto a Grid
27.	Change the margins of an element that is within a Grid by XAML and programmatic code
28.	Programmatically use the positioning methods of Grid
29.	Add a ColumnDefinition to Grid
30.	Add a RowDefinition to Grid
31.	Clear All Columns
32.	Clear All Rows
33.	Remove One Column
34.	Remove One Row
35.	The current number of Columns
36.	The current number of Rows
37.	Remove 5 Columns with ColumnDefinitions.RemoveRange
38.	Remove 5 Row with RowDefinitions.RemoveRange
39.	Contains Row
40.	Contains Column?
41.	Insert Row
42.	Insert Column
43.	Set control to specific row and column in code
44.	The default GroupStyle indents the items in a group
45.	A resizable layoutbased on Grid