Android 四种布局方式详解

1.LinearLayout（线性布局）

有两种形式：水平线性布局--horizontal，垂直线性布局--vertical

具体效果如下：

一个总的LinearLayout包含两个小的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="vertical">    <LinearLayout            android:layout_width="match_parent"            android:layout_height="250dp"            android:orientation="horizontal">            <TextView                   android:layout_width="96dp"              android:layout_height="match_parent"         android:background="#b2dfdb" />            <TextView                    android:layout_width="96dp"                       android:layout_height="match_parent"                     android:background="#80cbc4" />            <TextView                    android:layout_width="96dp"                           android:layout_height="match_parent"                    android:background="#4db6ac" />            <TextView                    android:layout_width="96dp"                    android:layout_height="match_parent"                    android:background="#26a69a" />    </LinearLayout>    <LinearLayout            android:layout_width="match_parent"                android:layout_height="match_parent"            android:orientation="vertical">            <TextView                   android:layout_width="match_parent"                    android:layout_height="68dp"                    android:background="#b2dfdb" />            <TextView                    android:layout_width="match_parent"                        android:layout_height="68dp"                    android:background="#80cbc4" />            <TextView                    android:layout_width="match_parent"                        android:layout_height="68dp"                    android:background="#4db6ac" />            <TextView                    android:layout_width="match_parent"                            android:layout_height="68dp"                    android:background="#26a69a" />    </LinearLayout></LinearLayout>

2.RelativeLayout（相对布局）
相对布局通常也有两种形式，一种是相对容器而言，一种是相对控件而言的

有三种类型的属性：

 

属性值是true或false

android:layout_centerHrizontal水平居中

android:layout_centerVertical垂直居中

android:layout_centerInparent相对于父元素完全居中。

android:layout_alignParentBottom位于父元素的下边缘

android:layout_alignParentTop位于父元素的上边缘

android:layout_alignParentLeft位于父元素的左边缘

android:layout_alignParentRight位于父元素的右边缘

属性值是”@id/*“

android:layout_below在某元素的下方

android:layout_above在某元素的上方

andorid:layout_toRightOf在某元素的右方

android:layout_toLeftOf在某元素的左方

android:layout_alignBottom和某元素下方对齐

android:layout_alignTop和某元素上方对齐

android:layout_alignRight和某元素右方对齐

android:layout_alignLeft和某元素左方对齐

属性值是数值

android:layout_marginLeft离某元素左边缘的距离

android:layout_marginRight离某元素右边缘的距离

android:layout_marginTop离某元素上边缘的距离

android:layout_marginBottom离某元素下边缘的距离

具体代码如下：

<RelativeLayout 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"    tools:context=".MainActivity" >    <TextView        android:id="@+id/textview1"        android:layout_width="96dp"        android:layout_height="96dp"        android:layout_alignParentTop="true"        android:layout_alignParentLeft="true"        android:background="#b2dfdb" />    <TextView        android:id="@+id/textview2"        android:layout_width="96dp"        android:layout_height="96dp"        android:background="#26a69a"        android:layout_below="@+id/textview1"        android:layout_toRightOf="@+id/textview1"        android:layout_toEndOf="@+id/textview1" />    <TextView        android:id="@+id/textview3"        android:layout_width="96dp"        android:layout_height="96dp"        android:background="#80cbc4"        android:layout_below="@+id/textview2"        android:layout_toRightOf="@+id/textview2"        android:layout_toEndOf="@+id/textview2" /></RelativeLayout>

3.FramLayout（帧布局）

采用帧布局设计界面时，只能在屏幕左上角显示一个控件，如果添加多个控件，这些控件会按照顺序在屏幕的左上角重叠显示，且会透明显示之前控制的文本

具体实现代码如下：

<?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" >    <Button        android:id="@+id/button1"        android:layout_width="294dp"        android:layout_height="294dp"        android:background="#80cbc4"        android:text="Button1" />    <Button        android:id="@+id/button2"        android:layout_width="218dp"        android:layout_height="214dp"        android:background="#26a69a"        android:text="Button2" />    <Button        android:id="@+id/button3"        android:layout_width="156dp"        android:layout_height="143dp"        android:background="#b2dfdb"        android:text="Button3" /></FrameLayout>

4.GridLayout（网格布局）

实现控件的交错显示，能够避免因布局嵌套对设备性能的影响，利于自由布局的开发。网格布局用一组无限细的直线将区域分成行、列和单元，并指定控件的显示区域和控件在该区域的显示方式

实现代码如下：

<?xml version="1.0" encoding="utf-8"?><GridLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:layout_gravity="center"    android:columnCount="4"    android:orientation="horizontal" >    <Button        android:layout_column="3"        android:text="/" />    <Button android:text="1" />    <Button android:text="2" />    <Button android:text="3" />    <Button android:text="*" />    <Button android:text="4" />    <Button android:text="5" />    <Button android:text="6" />    <Button android:text="-" />    <Button android:text="7" />    <Button android:text="8" />    <Button android:text="9" />    <Button        android:layout_gravity="fill"        android:layout_rowSpan="3"    android:text="+" />    <Button        android:layout_columnSpan="2"    android:layout_gravity="fill"    android:text="0" />    <Button android:text="00" />    <Button        android:layout_columnSpan="3"    android:layout_gravity="fill"    android:text="=" /></GridLayout>