Android 布局之LinearLayout和RelativeLayout
今天来谈谈Android基本布局使用最常见的两种布局,分别是LinearLayout和RelativeLayout,其实用法也没有太多,基本记住几个属性加上灵活使用嵌套就能实现各种灵活的布局了。
LinearLayout 布局
android:layout_gravity
— 属于定义子节点在父节点的位置布局android:gravity
— 属于定义子节点内容在子节点内的位置布局
以上两个属性适用于LinearLayout及其子节点。
LinearLayout 一般要要求你设置一个布局方向
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" >
orientation有2个属性:
- vertical 设置布局方向为竖直
- horizontal 设置布局方向为水平
在设置了属性之后,使用
andoir:layout_gravity
的时候有一点需要注意就是- 对齐方式为水平时,
layout_gravity
属性中设置为left right 2个属性失效 - 对齐方式为竖直时,
layout_graviry
属性中设置为top buttom 2个属性失效
在LinearLayout 中还有一个非常重要的属性:android:layout_weight
,为权重 , 该属性有一些特点,我先用一句话来解析这个属性: 权重是指按比例分配剩余空间。比如说:假如我设置了LinearLayout的对齐方式为水平时,权重添加在子节点中,系统会默认先分配了指定android:layout_width
属性的值之后,剩余的空间再按比例分配。下面来个例子说明一下吧:
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <TextView android:layout_width="20dp" android:layout_weight="1" android:height="20dp" /> <TextView android:layout_width="20dp" android:layout_weight="1" android:height="20dp" /> <TextView android:layout_width="20dp" android:layout_weight="1" android:height="20dp" /></LinearLayout>
上面的例子为3个TextView设置了权重为1,然后LinearLayout是match_parent,对其方式为竖直,意味着权重是对高度起作用的。每个TextView设置了高度,系统在分配高度的时候,会先分配每个TextView的20dp高度之后,剩余的高度才会按权重比例分配。所以可能会有些人在设置了权重之后也达不到想要的效果,通常我们都是配合宽度或者高度为0dip使用的,google官方也是建议我们这样做的。
认识了以上这些属性之后,在配合LinearLayout嵌套灵活使用,基本上能应付一些比较复杂的布局了。
RelativeLayout 布局
首先我们对布局的属性做一个总结:
对齐方式
以align 为前缀的属性:
- layout_alignParentLeft —— 在父节点的左边
- layout_alignParentRight ——在父节点的右边
- layout_alignParentTop ——-在父节点顶部
- layout_alignParentButtom ——在父节点底部
- layout_alignTop——与另一个节点顶部对齐
- layout_alignLeft——与另一个节点左边对齐
- layout_alignRight——与另一个节点右边对齐
- layout_alignButtom——与另一个节底部对齐
以上属性前四个是相对于父节点来说的,值为true或者false;后四个是相对同级节点来说的,值为其他节点的id 。相信对英语不是太差的都能区别4个属性的意思~~~
以center为前缀的:
- layout_centerInParent ——在父空间中间
- layout_centerHorizontal ——在父空间竖直方向中心
- layout_centerVertical ——在父空间水平方向中心
以上3个属性取值都是true或者false。
设置在相对另一个控件的位置
- layout_toRightOf ——在另一个节点右边
- layout_toLeftOf ——在另一个节点左边
- layout_below——在另一个节点下面
- layout_above——在另一个节点上面
以上属性取值为 另一个节点的 id 值。
除了认识以上一些属性之外,还需要灵活运用各种属性组合使用,才能达到效果。有一个小技巧,比如在:android:layout_width="wrap_content"
的情况下,想要设置一个控件随着另一个控件的宽度变化而变化,可以设置控件左右对齐即android:alignLeft
and android:alignRight
我这里列举一个RelativeLayout的使用:
<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" > <Button android:id="@+id/center" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:text="中间" /> <Button android:id="@+id/top" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_centerHorizontal="true" android:text="顶部" /> <Button android:id="@+id/buttom" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:layout_alignParentBottom="true" android:text="底部" /> <Button android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_above="@id/buttom" android:layout_alignParentLeft="true" android:layout_below="@id/top" android:text="左边" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_above="@id/buttom" android:layout_alignParentRight="true" android:layout_below="@id/top" android:text="右边" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_above="@id/center" android:layout_alignLeft="@id/center" android:layout_alignRight="@id/center" android:text="中上" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_above="@id/center" android:layout_alignLeft="@id/center" android:layout_alignRight="@id/center" android:text="中上" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@id/center" android:layout_alignRight="@id/center" android:layout_below="@id/center" android:text="中下" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignTop="@id/center" android:layout_alignBottom="@id/center" android:layout_toLeftOf="@id/center" android:text="中左" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignBottom="@id/center" android:layout_alignTop="@id/center" android:layout_toRightOf="@id/center" android:text="中右" /></RelativeLayout>
效果图如下:
以上就是相对布局的基本使用了,对于android开发来讲,这两种布局用的最多,其他还有3中布局:FrameLayou
and AbsulteLayout
and TableLayout
我这边就不列出来了,大家可以尝试一下,相信英语不错的朋友都能从中看出用法。
更多相关文章
- android TextView属性大全(转)
- Android—TextView的XML属性和方法
- 【安卓开发】UI设计基础4:用网格布局 GridLayout 实现计算器UI
- Android中的布局方式(二)
- Android 属性动画(一):Animator属性动画相对于Animation的优势
- 【Android】TextView 属性详解
- Android Layout文件的属性说明