四种基本布局

        一个丰富的界面总是要由很多个控件组成的,那我们如何才能让各个控件都有条不紊地摆放在界面上,而不是乱糟糟的呢?这就需要借助布局来实现了。布局是一种可用于放置很多控件的容器它可以按照一定的规律调整内部控件的位置,从而编写出精美的界面。当然,布局的内部除了放置控件外,也可以放置布局,通过多层布局的嵌套,我们就能够完成一些比较复杂的界面实现。示意图很好地展示它们之间的关系。

1.  LinearLayout

        LinearLayout 又称做线性布局,是一种非常常用的布局。正如它名字所描述的一样,这个布局会将它所包含的空间在线性方向上一次排列。

        既然是线性排列,肯定就不仅只有一个方向,我们通过 android:orientation 属性指定排列的方向,可选值有两个,分别为 vertical 和 horizontal。需要注意的是,如果 LinearLayout 的排列方向是 horizontal,内部的控件就绝对不能将宽度指定为 match_parent,因为这样的话单独一个控件就会将整个水平方向占满,其他的控件就没有课放置的位置了。同样的道理,如果 LinearLayout 的排列方向是 vertical,内部的控件就不能讲高度指定为 match_parent。

        了解了 LinearLayout 的排列规律,我们再来学习一下它的几个关键属性的用法吧。

1.1  android:layout_gravity

        首先来看 android:layout_gravity 属性,它和 android:gravitiy 属性看起来有些相似,这两个属性有什么区别呢?其实从名字上就可以看出,android:gravity 是用于指定文字在控件中的对齐方式,而android:layout_gravity 是用于指定控件在布局中的对齐方式。android:layout_gravity 的可选值和 android:gravity 差不多,但是需要注意当 LinearLayout 的排列方向是 horizontal 时,只有垂直方向上的对齐方式才会生效因为此时水平方向上的长度是不固定的,每添加一个控件,水平方向上的长度都会改变,因而无法指定该方向上的对齐方式。同样的道理,当 LinearLayout 的排列方向是 vertical 时,只有水平方向上的对齐方式才会生效

1.2  android:layout_weight

        接下来我们学习下 LinearLayout 中的另一个重要属性,android:layout_weight。这个属性允许我们使用比例的方式来指定控件的大小它在手机屏幕的适配性方面可以起到非常重要的作用。一般来说,如果我们使用了 android:layout_weight 属性,此时控件的宽度就不应该再由 android:layout_width 来决定,一这时比较规范的写法是把 android:layout_width 的值指定成 0。

        通过 android:layout_weight 来指定控件的大小时,系统会先把 LinearLayout 下所有控件指定的 layout_weight 值相加,得到一个总值,然后每个控件所占大小的比例就是用该控件的 layout_weight 值除以刚才算出的总值。

        我们还可以通过指定部分控件的 layout_weight 值,来实现更好的效果。

2.  RelativeLayout

        RelativeLayout 又称作相对布局,也是一种非常常用的布局。和 LinearLayout 的排列规则不同,RelativeLayout 显得更加随意一些,它可以通过相对定位的方式让控件出现在布局的任何位置。也正因为如此,RelativeLayout 中的属性非常多,不过这些属性都是由规律可循的,其实并不难理解和记忆。

2.1  相对于父布局进行定位

  1.  android:layout_alignParentLeft
  2.  android:layout_alignParentTop
  3.  android:layout_alignParentRight
  4.  android:layout_alignParentBottom
  5. android:layout_centerInParent

2.2  相对于控件进行定位

  1.  android:layout_above          表示让一个控件位于另一个控件的上方
  2.  android:layout_below          表示让一个控件位于另一个控件的下方
  3.  android:layout_toLeftOf       表示让一个控件位于另一个控件的左侧
  4.  android:layout_toRightOf    表示让一个控件位于另一个控件的右侧
  5.  android:layout_alignLeft     表示让一个控件的左边缘和另一个控件的左边缘对齐
  6.  android:layout_alignRight  表示让一个控件的右边缘和另一个控件的右边缘对齐
  7.  android:layout_alignTop    
  8.  android:layout_alignBottom 

        注意当一个控件去引用另一个控件的 id 时,该控件一定要定义在引用控件的后面,不然会出现找不到 id 的情况

3.  FrameLayout

        FrameLayout 相比于前面两种布局就简单太多了,因此它的应用场景也少了很多。这种布局没有任何的定位方式,所有的控件都会摆放在布局的左上角

4.  TableLayout

        TableLayout 允许我们使用表格的方式来排列控件,这种布局也不是很常用,只需要了解一下它的基本用法就可以了。既然是表格,那就一定会有行和列,在设计表格时我们尽量应该让每一行都拥有相同的列数,这样的表格也是最简单的。不过有时候事情并非总会顺从我们的心意,当表格的某行一定要有不想等的列数时,就需要通过合并单元格的方式来应对。

        在 TableLayout 中每加入一个 TableRow 就表示在表格中添加了一行,然后在 TableRow 中每加入一个控件,就表示在该行中加入了一列,TableRow 中的控件是不能指定宽度的

        使用 android:layout_span="2" 可以让控件占据两列的空间,以此类推。

        可以使用 android:stretchColumns 属性将 TableLayout 中的某一列进行拉伸,属性值为列的索引值(0、1、2、...)

        Android 中其实还有一个 AbsoluteLayout,不过这个布局官方已经不推荐使用了,因此我们直接将它忽略就好

摘自《第一行代码》

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值