Android学习之路--布局篇_安卓布局组价-优快云博客

本文链接：https://blog.youkuaiyun.com/jiayi_fly/article/details/53844029

五大布局
安卓五大布局提供一个放组件的容器。大家都知道秦国的蓝田大营，五钟布局相当于蓝田大营的房子，为士兵提供住所、睡觉、吃饭的地方。具体如下：

LinearLayout
RelativeLayout
FrameJayout
AbsoluteLayout
TableLayout

一、Linearlayout—线性布局

线程布局，可以根据orientation属性进行排版设置。比如铺地板砖，你只能铺完前面一块，才能铺下面一块，而方向要么是横要么是竖。不能出现组件重合的情况。是XY轴进行布局。
比如：竖直排序，如下左图。

            <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="match_parent"
        android:layout_height="80dp"
        android:text="我是第一个组件"
        android:gravity="center"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="80dp"
        android:text="我是第二个组件"
        android:gravity="center"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="80dp"
        android:text="我是第三个组件"
        android:gravity="center"/>
</LinearLayout>

水平方向，如上右图

    <?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="horizontal">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="80dp"
        android:text="我是第一个组件"
        android:gravity="center"
        android:padding="5dp"/>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="80dp"
        android:text="我是第二个组件"
        android:gravity="center"
        android:padding="5dp"/>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="80dp"
        android:text="我是第三个组件"
        android:gravity="center"
        android:padding="5dp"/>

</LinearLayout>

RelativeLayout 相对布局
相对布局是可以分为:

根据父容器来约束子组件的屏幕位置，比如属性：layout_centerInParent
根据子组件的位置来确定当前组件的具体位置，比如属性：layout_below

相当于铺地板砖你可以在房子中间铺一个，在门铺一个，然后你可以根据第一个在它的下面铺，右面铺，斜对角铺。要铺的地板砖都是根据已铺的地板作为位置参照物，继续往下铺，这个布局可以出现组件重合的情况，可在XYZ轴布局。

<?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">
    <TextView
        android:id="@+id/tv_one"
        android:layout_width="wrap_content"
        android:layout_height="80dp"
        android:text="我是第一个组件"
        android:gravity="center"
        android:padding="5dp"
        android:layout_alignParentTop="true"/>
    <TextView
        android:id="@+id/tv_two"
        android:layout_width="wrap_content"
        android:layout_height="80dp"
        android:text="我是第二个组件"
        android:gravity="center"
        android:layout_below="@id/tv_one"
        android:padding="5dp"/>
</RelativeLayout>

效果：

其他属性：

第一类:属性值为true或false
android:layout_centerHrizontal 水平居中
android:layout_centerVertical 垂直居中
android:layout_centerInparent 相对于父元素完全居中
android:layout_alignParentBottom 贴紧父元素的下边缘
android:layout_alignParentLeft 贴紧父元素的左边缘
android:layout_alignParentRight 贴紧父元素的右边缘
android:layout_alignParentTop 贴紧父元素的上边缘
android:layout_alignWithParentIfMissing 如果对应的兄弟元素找不到的话就以父元素做参照物
第二类：属性值必须为id的引用名“@id/组件id”
android:layout_below 在某元素的下方
android:layout_above 在某元素的的上方
android:layout_toLeftOf 在某元素的左边
android:layout_toRightOf 在某元素的右边
android:layout_alignTop 本元素的上边缘和某元素的的上边缘对齐
android:layout_alignLeft 本元素的左边缘和某元素的的左边缘对齐
android:layout_alignBottom 本元素的下边缘和某元素的的下边缘对齐
android:layout_alignRight 本元素的右边缘和某元素的的右边缘对齐
第三类：属性值为具体的像素值，如50dip，80px
android:layout_marginBottom 离某元素底边缘的距离
android:layout_marginLeft 离某元素左边缘的距离
android:layout_marginRight 离某元素右边缘的距离
android:layout_marginTop 离某元素上边缘的距离

FrameLayout—-帧布局
帧布局都是覆盖布局，比如铺地板砖，如果不指定组件大小边距，都是一层一层的往上铺，相当于累地板，相当于XZ轴进行布局。比如：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView
        android:id="@+id/tv_one"
        android:layout_width="match_parent"
        android:layout_height="80dp"
        android:text="我是第一个组件"
        android:gravity="center"
        android:padding="5dp"
        android:background="#bd0708"/>
    <TextView
        android:id="@+id/tv_two"
        android:layout_width="match_parent"
        android:layout_height="80dp"
        android:text="我是第二个组件"
        android:gravity="center"
        android:padding="5dp"
        android:background="#666"/>
</FrameLayout>

组件2覆盖了组件1

AbsoluteLayout—-绝对布局
绝对布局是具体制定了组价相对于父容器或者组件的距离。相当于铺地板时一款地板距离左墙多少，距离门多少，具体的数据来决定当前组件的位置。属性中：
android:layout_y=”50dp“
android:layout_x=”30dip“
这俩个属性是必须有的。严重缺乏灵活性。

TableLayout—-表格布局
表格布局是特殊的线性布局，在源码中，其实继承自LinearLayout：

 public class TableLayout extends LinearLayout {
   -----
 }

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="第一排" />
    <TableRow>
        <TextView
            android:id="@+id/tv_one"
            android:layout_width="match_parent"
            android:layout_height="80dp"
            android:background="#bd0708"
            android:gravity="center"
            android:padding="5dp"
            android:text="我是第一个组件" />
        <TextView
            android:id="@+id/tv_two"
            android:layout_width="match_parent"
            android:layout_height="80dp"
            android:background="#666"
            android:gravity="center"
            android:padding="5dp"
            android:text="我是第二个组件" />
        <TextView
            android:id="@+id/tv_three"
            android:layout_width="match_parent"
            android:layout_height="80dp"
            android:background="#999"
            android:gravity="center"
            android:padding="5dp"
            android:text="我是第二个组件" />
    </TableRow>
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="第二排" />
    <TableRow>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="80dp"
            android:background="#bd0708"
            android:gravity="center"
            android:padding="5dp"
            android:text="我是第一个组件" />
        <TextView
            android:layout_width="match_parent"
            android:layout_height="80dp"
            android:background="#666"
            android:gravity="center"
            android:padding="5dp"
            android:text="我是第二个组件" />
        <TextView
            android:layout_width="match_parent"
            android:layout_height="80dp"
            android:background="#999"
            android:gravity="center"
            android:padding="5dp"
            android:text="我是第二个组件" />
    </TableRow>
</TableLayout>

效果：

至此，安卓的布局篇讲完。蓝田大营基地又一次建造了起来。接下来就是给房子装修了。

第一次用csdn markdown 写。不方便，很不方便，上网查询图片的缩放，目录的安插，一二级目录怎么使用。虽说有说明，但还是不好用。什么空格等，用原来的HTML编辑器，输入代码要删的话，有一行死活删不了，长时间不写了也不会用了。之前写的都是泛泛。没有深入的研究。现在根据自己所学，记录下自己的点点滴滴，每天记一点。知识垒一单。跬步集千里嘛。要是要啥问题，欢迎交流。