1介绍:
Grid为WPF中最常用的布局容器, 它可以将一个区域分为若干个行或列功用其他组件使用。
2:网格标签Grid.ColumnDef
|------------------------|---------------------------------------------------------|
| Grid | 网格区域 |
| Grid.ColumnDefinitions | 自定义列 只能设置宽度 不能设置高度 |
| ColumnDefinition | 网格布局中列的区域(可以设置宽度,宽度可以是一个具体值 也可以设置*的意思, 把剩余的宽度按照比例进行平分) |
| Grid.RowDefinitions | 自定义行 可以设置高度 但是不能设置高度 |
| RowDefinition | 设置布局中行的区域(高度可以是一个具体值 也可以设置*的意思,把剩余的高度 按照比例进行平分) |
3:使用布局的属性
Grid.Row="1" 位置在第二行
Grid.Column = "0" 位置在第一列
实例:
cs
<!--ShowGridLines 是否显示分割线-->
<Grid ShowGridLines ="True">
<!--网络标签-->
<!--一. Grid.ColumnDefinitions 自定义列 只能设置宽度 不能设置高度-->
<Grid.ColumnDefinitions>
<!--ColumnDefinition 每一个列可以设置宽度,宽度可以是一个具体指,也可以设置*,*的意思是将剩余的宽度按照比例进行平分-->
<ColumnDefinition Width="200"></ColumnDefinition>
<ColumnDefinition Width="*"></ColumnDefinition>
<ColumnDefinition Width="*"></ColumnDefinition>
</Grid.ColumnDefinitions>
<!--二. Grid.RowDefinitions自定义行 可以设置高度 不能设置宽度-->
<Grid.RowDefinitions>
<RowDefinition Height ="100"></RowDefinition>
<RowDefinition Height="*"></RowDefinition>
<RowDefinition Height="*"></RowDefinition>
</Grid.RowDefinitions>
<!--三. 使用网格布局Grid.Row="1" Grid.Column="0" 第二行第一列-->
<TextBlock Grid.Row="1" Grid.Column="0" Text="我是一个文本流"></TextBlock>
</Grid>