WPF的布局-Grid(表格布局)
2015-06-30 11:36
447 查看
1. Grid布局就是表格布局
如下图:2. 使用方法
2.1. 先生成适量的行和列,代码如下:
<Grid><!--使用Grid控件--><Grid.ColumnDefinitions><!--定义Grid的列,定义3列-->
<ColumnDefinition></ColumnDefinition>
<ColumnDefinition></ColumnDefinition>
<ColumnDefinition></ColumnDefinition>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions><!--定义Grid的行,定义3行-->
<RowDefinition></RowDefinition>
<RowDefinition></RowDefinition>
<RowDefinition></RowDefinition>
</Grid.RowDefinitions>
</Grid>
2.2. 添加子控件(只要在Grid控件的范围内都可以)
<Button Content="Test"></Button>注意:如果没有指定子控件的位置,默认会显示在Grid表格的第0行,第0列的位置
2.2.1. 指定行和列:
<Button Content="Test" Grid.Row="1" Grid.Column="1"></Button>设置Button的位置在Grid的第2行,第2列,使用的是附加属性 Grid.Row和 Grid.Column
2.2.2. 跨行或跨列:
<Button Content="Test" Grid.RowSpan="2" Grid.ColumnSpan="2"></Button>设置Button占用2行、2列,使用的是附加属性 Grid.RowSpan和 Grid.ColumnSpan
注意:同时指定位置,又需要跨行或跨列,指定的位置应为左上角的位置
<Button Content="test" FontSize="20" Grid.Column="1" Grid.Row="1" Grid.ColumnSpan="2"
Grid.RowSpan="2"/>
如图:
更多布局可以参考这里:/article/4664872.html
相关文章推荐
- 矩阵蛇形填充
- ubuntu kylin 14.04启用root账户登录
- esxtop命令磁盘监控工具详解
- 基于Cordova5.0开发自定义插件(android)
- java 使用new新建一个对象时的操作过程
- Tiny框架应用实践之Tiny社区
- jstree 插件的使用笔记(一)
- HZYZ源码分析笔记
- 在Linux下用LVS和Ipvsadm做Web负载均衡(推荐)
- 针对OpenSSL安全漏洞调整Nginx服务器的方法
- QML Flipable、Flickable和状态与动画
- SQL语句执行顺序综述
- Windows下Nginx的安装与配置(转)
- C++获取文件夹下的所有文件的名字
- 链接
- You are using a non-Cygwin compatible Make program错误
- PHP与android时间戳的转换问题
- android 程序内存分析
- ScrollView嵌套listview 时根据内容动态设置listview高度
- POJ2411