您的位置：首页 > 移动开发 > Android开发

Android中布局总结

2016-07-08 09:40 375 查看

Android 布局是应用界面开发的重要一环，在Android中，共有五种布局方式，分别是：LinearLayout(线性布局),FrameLayout(单帧布局),AbsoluteLayout(绝对布局),RelativeLayout(相对布局)，TableLayout(表格布局)。

下面先分别介绍一下每种布局的基本概念,再用实例演示：

LinearLayout：线性布局，可分为垂直布局（android:orientation="vertical"）和水平布局（android:orientation="horizontal" ），在LinearLayout里面可以放多个控件，但是一行（列）只能放一个控件。

FrameLayout：单帧布局，所有控件都放置在屏幕左上角（0,0），可以放多个控件，但是会按控件定义的先后顺序依次覆盖，后一个会直接覆盖在前一个之上显示，如果后放的比之前的大，会把之前的全部盖住（类似于一层层的纸张）。

AbsoluteLayout：绝对布局，可以直接指定子控件的绝对位置（例如： android:layout_x="60px" android:layout_y="32px" ），这种布局简单直接，但是由于手机的分辨率大小不统一，绝对布局的适应性比较差。

RelativeLayout：相对布局，其子控件是根据所设置的参照控件来进行布局的，设置的参照控件可以是父控件，也可以使其他的子控件。

TableLayout：表格布局，是以行列的形式来管理子控件的，在表格布局中的每一行可以是一个View控件或者是一个TableRow控件。而TableRow控件中还可以添加子控件。

[align=center]=============================下面是实例==========================[/align]

LinearLayout：线性布局
[align=left]LinearLayout实例的框架图，这个例子使用了布局套布局来实现如下图所示的框架效果。[/align]

其中有三个LinearLayout 布局，最外层的 LinearLayout 中包含两个 LinearLayout 将界面分为上下两个部分，上面的 LinearLayout 中使用垂直布局将三个TextView纵向排列，下面的
LinearLayout 中使用水平布局将三个TextView横行排列。
[align=left] 其中注意的是 android：layout_weight，用于给一个线性布局中的诸多视图的重要度赋值，所有的view的layout_weight缺省值都是为0，意味着他们只在屏幕上占据它们需要显示的空间大小。activity根据这个View的比0大的layout_weight值来划分剩余的空间和其它Views定义的layout_weight也按比例进行空间的划分。[/align]

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="vertical"

>

<LinearLayout

      android:layout_width="fill_parent"

      android:layout_height="wrap_content"

      android:orientation="vertical"

      android:layout_weight="1"

      >

      <TextView

         android:text="第一行"

         android:gravity="center"

         android:textSize="24px"

         android:background="#0066ff"

         android:layout_width="fill_parent"

         android:layout_height="wrap_content"

         android:layout_weight="1"

         />

      <TextView

         android:text="第二行"

         android:gravity="center"

         android:textSize="24px"

         android:background="#ffcc00"

         android:layout_width="fill_parent"

         android:layout_height="wrap_content"

         android:layout_weight="1"

         />

      <TextView

         android:text="第三行"

         android:gravity="center"

         android:textSize="24px"

         android:background="#33cc00"

         android:layout_width="fill_parent"

         android:layout_height="wrap_content"

         android:layout_weight="1"

         />

</LinearLayout>

<LinearLayout

      android:layout_width="fill_parent"

      android:layout_height="wrap_content"

      android:orientation="horizontal"

      android:layout_weight="1"

      >

      <TextView

         android:text="第一列"

         android:gravity="center"

         android:textSize="24px"

         android:background="#33cc00"

         android:layout_width="wrap_content"

         android:layout_height="fill_parent"

         android:layout_weight="1"

         />

      <TextView

         android:text="第二列"

         android:gravity="center"

         android:textSize="24px"

         android:background="#ffcc00"

         android:layout_width="wrap_content"

         android:layout_height="fill_parent"

         android:layout_weight="1"

         />

      <TextView

         android:text="第三列"

         android:gravity="center"

         android:textSize="24px"

         android:background="#0066ff"

         android:layout_width="wrap_content"

         android:layout_height="fill_parent"

         android:layout_weight="1"

         />

</LinearLayout>

</LinearLayout>

复制代码
[align=left]FrameLayout：单帧布局[/align]

在FrameLayout 中放了三个 ImageView 分别引用图片  c b a ，图片一层层覆盖到界面上。

<?xml version="1.0" encoding="utf-8"?>

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="fill_parent"

android:layout_height="fill_parent" >

<ImageView

      android:src="@drawable/c"

      android:layout_width="wrap_content"

      android:layout_height="wrap_content"

      />

<ImageView

      android:src="@drawable/b"

      android:layout_width="wrap_content"

      android:layout_height="wrap_content"

      />

<ImageView

      android:src="@drawable/a"

      android:layout_width="wrap_content"

      android:layout_height="wrap_content"

      />

</FrameLayout>

复制代码

复制代码

android

分享到:

QQ好友和群

QQ空间

腾讯微博

腾讯朋友

微信

相关帖子

• 每天一个开源代码——第12个 Android apk动态加载机制的研究

回复

举报

沙发

楼主| 发表于
2012-5-11 02:10:31 | 只看该作者

本帖最后由北小生于 2012-5-11 02:54 编辑

[align=left]AbsoluteLayout：绝对布局[/align]
在AbsoluteLayout 中放三个 ImageView a b c,分别为它们指定不同的坐标

<?xml version="1.0" encoding="utf-8"?>

<AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="fill_parent"

android:layout_height="fill_parent" >

<ImageView

      android:src="@drawable/a"

      android:layout_width="wrap_content"

      android:layout_height="wrap_content"

      android:layout_x="0px"

      android:layout_y="0px"

      />

<ImageView

      android:src="@drawable/b"

      android:layout_width="wrap_content"

      android:layout_height="wrap_content"

      android:layout_x="50px"

      android:layout_y="300px"

      />

<ImageView

      android:src="@drawable/c"

      android:layout_width="wrap_content"

      android:layout_height="wrap_content"

      android:layout_x="300px"

      android:layout_y="20px"

      />

</AbsoluteLayout>

复制代码
[align=left]RelativeLayout：相对布局[/align]
相对布局的属性较多，不过平时常用的就几个，如下：

[align=left]　      android:layout_centerInParent　　　居中布局[/align]

[align=left]　　　　android:layout_centerVertical　　　垂直居中布局[/align]

[align=left]　　　　android:layout_centerHorizontal　　水平居中布局[/align]

[align=left]　　　　android:layout_alignParentTop　　　　居于容器内顶部[/align]

[align=left]　　　　android:layout_alignParentBottom　　居于容器内底部[/align]

[align=left]　　　　android:layout_alignParentLeft　　　　居于容器内左边[/align]

[align=left]　　　　android:layout_alignParentRight　　　居于容器内右边[/align]

[align=left]
[/align]

[align=left]　　　　android:layout_above　　　　　　　居于指定View的上方[/align]

[align=left]　　　　android:layout_below　　　　　　　居于指定View的下方[/align]

[align=left]　　　　android:layout_toRightOf　　　　　　在指定View的右边[/align]

[align=left]　　　　android:layout_toLeftOf　　　　　　  在指定View的左边[/align]

[align=left]　　　　android:layout_alignTop　　　　　　与指定View的Top一致[/align]

下面做个实例演示：

放三个按钮，上面的按钮位于button1的左上方，下面的按钮位于button1的右下方

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="fill_parent"

android:layout_height="fill_parent" >



<Button

      android:id="@+id/button1"

      android:layout_width="wrap_content"

      android:layout_height="wrap_content"

      android:text="我是中间的按钮"

      android:layout_centerInParent="true"

      />

<Button

      android:id="@+id/button2"

      android:layout_width="wrap_content"

      android:layout_height="wrap_content"

      android:layout_above="@id/button1"

      android:layout_alignLeft="@id/button1"

      android:text="上面的按钮"

      />

<Button

      android:id="@+id/button3"

      android:layout_width="wrap_content"

      android:layout_height="wrap_content"

      android:layout_below="@id/button1"

      android:layout_alignRight="@id/button1"

      android:text="下面的按钮"

      />

</RelativeLayout>

复制代码
[align=left]TableLayout：表格布局[/align]

该实例中在TableLayout中用3个TableRow将表格分成了3行，每行中放两个TextView，组成了一个菜单的界面，下面看代码：

<?xml version="1.0" encoding="utf-8"?>

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:stretchColumns="1">

<TableRow>

      <TextView

         android:layout_column="1"

         android:padding="3dp"

         android:text="打开.."/>

      <TextView

         android:gravity="right"

         android:padding="3dp"

         android:text="Ctrl-o"/>

</TableRow>

<TableRow>

      <TextView

         android:layout_column="1"

         android:padding="3dp"

         android:text="保存.."/>

      <TextView

         android:gravity="right"

         android:padding="3dp"

         android:text="Ctrl-S"/>

</TableRow>

<TableRow>

   <TextView

         android:layout_column="1"

         android:padding="3dp"

         android:text="另存为.."/>

      <TextView

         android:gravity="right"

         android:padding="3dp"

         android:text="Ctrl-Shift-S"/>

</TableRow>

</TableLayout>

复制代码

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： android 布局

相关文章推荐

新的分享

章节导航