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






  1. VB.Net Tutorial
  2. Windows Presentation Foundation
  3. Grid
<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>
WPF Shared Size Groups




16.34.Grid
16.34.1.The first row of a gridThe first row of a grid
16.34.2.Positioning elements using a GridPositioning elements using a Grid
16.34.3.Layout within a button using GridLayout within a button using Grid
16.34.4.Label in a GridLabel in a Grid
16.34.5.Display Content in Resizable Split PanelDisplay Content in Resizable Split Panel
16.34.6.Place more than two object to one cellPlace more than two object to one cell
16.34.7.Add StackPanel to Row 0Add StackPanel to Row 0
16.34.8.Using the attached properties of GridUsing the attached properties of Grid
16.34.9.Two columns and three rows columnsTwo columns and three rows columns
16.34.10.Fixed column widthFixed column width
16.34.11.Grid with row and column definition and place buttons to grid cellsGrid with row and column definition and place buttons to grid cells
16.34.12.Shared Size GroupsShared Size Groups
16.34.13.DoubleSplit WindowDoubleSplit Window
16.34.14.Use the Grid to create a dialog box that uses the WPF layout APIUse the Grid to create a dialog box that uses the WPF layout API
16.34.15.Is Grid ReadOnlyIs Grid ReadOnly
16.34.16.Dynamically add Button to a Grid and add Action listenerDynamically add Button to a Grid and add Action listener
16.34.17.Setting Grid row heights in codeSetting Grid row heights in code
16.34.18.Layout Controls with Grid in codeLayout Controls with Grid in code
16.34.19.Show Grid lines in codeShow Grid lines in code
16.34.20.Put Button onto a GridPut Button onto a Grid
16.34.21.Use the IsSharedSizeScope attached property of the Grid elementUse the IsSharedSizeScope attached property of the Grid element
16.34.22.Change the margins of an element that is within a Grid by XAML and programmatic codeChange the margins of an element that is within a Grid by XAML and programmatic code
16.34.23.Programmatically use the positioning methods of GridProgrammatically use the positioning methods of Grid
16.34.24.The default GroupStyle indents the items in a groupThe default GroupStyle indents the items in a group
16.34.25.A resizable layoutbased on GridA resizable layoutbased on Grid