Android Grid Layout

原文链接:https://medium.com/google-developer-experts/android-grid-layout-1faf0df8d6f2#.erq8yx1ka

Android开发者每日必自问的问题 —— 该用哪个布局?

这个问题从GridLayout发布开始 —— 新布局控件:Space和GridLayout

关于GridLayout,Android开发世界当前状态是这样的:

  • 很多Android开发者甚至不知道这个布局的存在。
  • 有些android开发者知道GridLayout,但因为某些原因没有使用这个布局。
  • 只有很少的andorid开发者花时间摆弄了GridLayout布局,并积极的使用它。

我写这篇文章的原因是因为我认为这个布局被不公平的遗忘了。

为什么我们需要GridLayout?

GridLayout提供了使用单根视图创建网格基础布局的可能性。

我可以使用嵌套LinearLayout来创建网格

是的,但是布局层次过深会有性能问题

我可以使用ReleativeLayout创建网格!

是的,但是ReleativeLayout有如下限制,例如:

  • 无法同时控制横纵两轴对齐
  • 当控件需要超出预期的控件时,它们可以跳出屏幕/重叠,因为你部门使用weigh,等等。

换句话说,ReleativeLayout —— 没有足够的灵活性和响应能力。

例子

让我们实现一个简单的布局,该布局包含一个大图,两个小图标和紧邻这些图标的文字。

Relativelayout

使用Relativelayout来实现这个布局相当简单。关键属性是layout_below,layout_toRightOflayout_alignTop.

一眼扫过,每个控件看起来很完美,直到开始使用不同文字尺寸测试布局。

问题 1 无法同时控制横纵两轴的对齐

单行文字应当与图表垂直居中,不幸的是RelativeLayout不提供这种功能。

问题 2 控件重叠

多行文字产生重叠,因为文字通过layout_alignTop属性与图表对齐。

GridLayout

你可以看到下面的图片,GridLayout生成了相当好的结果:

  • 文字处置对齐图表
  • 多行文字下推了控件

那么如何取得这样的结果呢?首先将GridLayout定义为根布局。接着计算需要多少列,定义android:columnCount属性,本例中我们需要2列。

当你在GridLayout中定义视图,它们逐个放置,所以不需要明显的定义视图的行和列。

如果你想拉伸视图占用多余1行/列,你可以使用layout_columnSpan/layout_rowSpan属性。

需要记住的最重要事情 —— 如果想视图使用所有可用空间,不要设置视图的宽为match_parent,要把宽度设置为0dplayout_gravity=“fill”属性。

结论

正确使用GridLayout可以是一个强力工具。它提供了强大的灵活性和性能。换句话说,你需要时间来了解它是如何工作的,你通常需要时间来开发和维护这样的布局。

优点:
- 灵活性
- 单根布局

缺点:

  • 学习曲线
  • 可维护性
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值