Grid网格布局

页面布局有很多种方法,网格布局(Grid)就是其中的一种。
网格布局(Grid)可以将内容放到一个个分部好的格子里,例:在这里插入图片描述
该图显示就是用了网格布局来分配好的。
网格布局是利用ColumnDefinitions和RowDefinitions来分配的。
RowDefinitions是分行的。例:在这里插入图片描述
该图是分了五行。就是图(1)的内容部分。
而Height就是设置该行的高度。上图就是设置了每行70的高度。
而ColumnDefinitions是分列的。例:在这里插入图片描述
该图就是分了四列。代码:在这里插入图片描述
Width就是设置列的宽度。该图第一列和第四列都是设置了宽度四十。
而剩下没有设置的就是剩下的范围平均分成还有多少列,比如上图一共分了四列,有两列设置了宽度四十,还有两个没有设置,那就是剩下的范围平均分成两份,没有设置的就每人一份。
设置内容在指定的网格里需要用到Grid.Column和 Grid.Row。
例如:
在这里插入图片描述该图就是设置了该文本在第一行第二列。行和列都是重0开始算的。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值