Shared Size Groups : Grid « Windows Presentation Foundation « VB.Net

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

Shared Size Groups

        
<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  HorizontalAlignment="Center" VerticalAlignment="Center">
<DockPanel Grid.IsSharedSizeScope="True">
  <Grid DockPanel.Dock="Top">
    <Grid.ColumnDefinitions>
      <ColumnDefinition Width="*" />
      <ColumnDefinition Width="Auto" SharedSizeGroup="Location" />
      <ColumnDefinition Width="Auto" SharedSizeGroup="Rank" />
      <ColumnDefinition Width="Auto" />
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
      <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>

    <Border Grid.Column="0" Grid.Row="0" BorderThickness="1" Background="LightGray" BorderBrush="Gray">
      <TextBlock>A</TextBlock>
    </Border>
    <Border Grid.Column="1" Grid.Row="0" BorderThickness="1" Background="LightGray" BorderBrush="Gray">      
    <TextBlock>B</TextBlock>
    </Border>
    <Border Grid.Column="2" Grid.Row="0" BorderThickness="1" Grid.ColumnSpan="2" Background="LightGray" BorderBrush="Gray">
    </Border>
    <TextBlock Grid.Column="2" Grid.Row="0">C</TextBlock>
    <FrameworkElement Grid.Column="3" Width="{DynamicResource {x:Static SystemParameters.VerticalScrollBarWidthKey}}" />
  </Grid>
  <ScrollViewer>
    <Grid>
      <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*" />
        <ColumnDefinition Width="Auto" SharedSizeGroup="Location" />
        <ColumnDefinition Width="Auto" SharedSizeGroup="Rank" />
      </Grid.ColumnDefinitions>
      <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
      </Grid.RowDefinitions>

      <TextBlock Grid.Column="0" Grid.Row="0" Text="WPF" />
      <TextBlock Grid.Column="1" Grid.Row="0" Text="this" />
      <TextBlock Grid.Column="2" Grid.Row="0">is</TextBlock>

      <TextBlock Grid.Column="0" Grid.Row="1">a</TextBlock>
      <TextBlock Grid.Column="1" Grid.Row="1">test</TextBlock>
      <TextBlock Grid.Column="2" Grid.Row="1">.</TextBlock>
    </Grid>
  </ScrollViewer>
</DockPanel>
</Page>

   
    
    
    
    
    
    
    
  

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.	DoubleSplit Window
13.	Grid PreviewMouseDown action and MouseDown action
14.	Grid MouseMove
15.	Grid MouseLeftButtonDown
16.	Grid MouseLeftButtonUp
17.	Use the Grid to create a dialog box that uses the WPF layout API
18.	Is Grid ReadOnly
19.	Dynamically add Button to a Grid and add Action listener
20.	Setting Grid row heights in code
21.	Layout Controls with Grid in code
22.	Show Grid lines in code
23.	Grid mouse down event
24.	Grid Preview mouse down event
25.	Put Button onto a Grid
26.	Use the IsSharedSizeScope attached property of the Grid element
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