GridUnitType
GridUnitType
GridUnitType
GridUnitType
Enum
Definition
Describes the kind of value that a GridLength object is holding.
public : enum class GridUnitTypepublic enum GridUnitTypePublic Enum GridUnitType// This API is not available in Javascript.
<object property="enumMemberName"/>
- Attributes
Windows 10 requirements
| Device family |
Windows 10 (introduced v10.0.10240.0)
|
| API contract |
Windows.Foundation.UniversalApiContract (introduced v1)
|
Fields
| Auto Auto Auto Auto | The size is determined by the size properties of the content object. |
| Pixel Pixel Pixel Pixel | The value is expressed in pixels. |
| Star Star Star Star | The value is expressed as a weighted proportion of available space. |
Examples
This example shows how to position some TextBlock objects and a Rectangle inside a Grid.
<Grid >
<Grid.Resources>
<Style TargetType="TextBlock">
<Setter Property="FontSize" Value="36"/>
</Style>
</Grid.Resources>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="*" />
<RowDefinition Height="*" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<TextBlock Margin="2" Grid.Column="0" Grid.Row="0" Grid.ColumnSpan="3"
TextWrapping="Wrap">
This TextBlock is positioned in the first column and the
first row (column 0, row 0) and spans across all three columns (ColumnSpan 3).
</TextBlock>
<TextBlock Grid.Column="0" Grid.Row="1" Margin="5" FontWeight="Bold">Rectangle:</TextBlock>
<Rectangle Grid.Column="1" Grid.Row="1" Grid.ColumnSpan="2" HorizontalAlignment="Left" Fill="Red"
Width="200" Height="50"/>
<Button Grid.Column="0" Grid.Row="2" Content="Stretched Button" />
<Border Background="Blue" BorderThickness="5" Grid.Row="2" Grid.Column="1" Grid.RowSpan="2" >
<TextBlock TextWrapping="Wrap">
This TextBlock spans across two rows.
</TextBlock>
</Border>
<TextBlock Margin="5" Grid.Row="3" Grid.Column="0">1st Column, 4th Row</TextBlock>
<TextBlock Margin="5" Grid.Row="3" Grid.Column="2">3rd Column, 4th Row</TextBlock>
</Grid>