Android Layout 布局

简介: Android Layout 布局

转载自 lovelyrebecca最终编辑 lovelyrebecca

Android Layout 布局

一个Android视图有很多控件,那么怎么来控制它们的位置排列呢?我们需要容器来存放这些控件并控制它们的位置排列,就像HTML中div, table一样,Android布局也起到同样的作用。

Android布局主要有以下几种: LinearLayout, RelativeLayout,TableLayout,AbsoluteLayout. 最后一种AbsoluteLayout是通过指定控件的x/y坐标来定位的,不太灵活所以已经不推荐使用了。

(1) LinearLayout

LinearLayout线性布局,包含在LinearLayout里面的控件按顺序排列成一行或者一列,类似于Swing里的FlowLayout和Silverlight里的StackPanel,它的常用的属性主要包括:

Orientation方向,即指定LinearLayout是代表一行还是一列,可以为horizontal或vertical,如android:orientation="vertical",当然也在可以在代码里通过setOrientation()方法来设置。

Fill Mode填充方式,所有在LinearLayout的控件都必须指定它的填充方式, 即设置android:layout_width和android:layout_height,可以为三种值(1)具体的像素值,如20px (2) wrap_content, 表示按控件文本实际长度显示 (3) fill_parent, 表示填充剩下的所有可用空间。

Weight权重,如果你想让一行或一列的控件按比例显示,这时候权重就起到作用了,如想让一行里面两控件其中一控件占两倍于另一控件的空间,可以把其中一控件的android:layout_weight设置为1, 另一个为2 即可。

在前面一篇Android消息提示框和对话框也有个LinearLayout的例子, 现在来看一下Android官方的一个Demo:

01<? xmlversion="1.0"encoding="utf-8"?> 02< LinearLayoutxmlns:android=" https://schemas.android.com/apk/res/android"03    android:orientation="vertical"android:layout_width="fill_parent"04    android:layout_height="fill_parent"> 05    < LinearLayoutandroid:orientation="horizontal"06        android:layout_width="fill_parent"android:layout_height="fill_parent"07        android:layout_weight="1"> 08        < TextViewandroid:text="red"android:gravity="center_horizontal"09            android:background="#aa0000"android:layout_width="wrap_content"10            android:layout_height="fill_parent"android:layout_weight="1"/> 11        < TextViewandroid:text="green"android:gravity="center_horizontal"12            android:background="#00aa00"android:layout_width="wrap_content"13            android:layout_height="fill_parent"android:layout_weight="1"/> 14        < TextViewandroid:text="blue"android:gravity="center_horizontal"15            android:background="#0000aa"android:layout_width="wrap_content"16            android:layout_height="fill_parent"android:layout_weight="1"/> 17        < TextViewandroid:text="yellow"android:gravity="center_horizontal"18            android:background="#aaaa00"android:layout_width="wrap_content"19            android:layout_height="fill_parent"android:layout_weight="1"/> 20    </ LinearLayout> 21    < LinearLayoutandroid:orientation="vertical"22        android:layout_width="fill_parent"android:layout_height="fill_parent"23        android:layout_weight="1"> 24        < TextViewandroid:text="row one"android:textSize="15pt"25            android:layout_width="fill_parent"android:layout_height="wrap_content"26            android:layout_weight="1"/> 27        < TextViewandroid:text="row two"android:textSize="15pt"28            android:layout_width="fill_parent"android:layout_height="wrap_content"29            android:layout_weight="1"/> 30        < TextViewandroid:text="row three"android:textSize="15pt"31            android:layout_width="fill_parent"android:layout_height="wrap_content"32            android:layout_weight="1"/> 33        < TextViewandroid:text="row four"android:textSize="15pt"34            android:layout_width="fill_parent"android:layout_height="wrap_content"35            android:layout_weight="1"/> 36    </ LinearLayout> 37</ LinearLayout>

可以看到父类LinearLayout包含了一个水平布局的LinearLayout和一个垂直布局的LinearLayout,它们分别包含了四个平分宽度和高度的TextView,运行效果如下:

(2) RelativeLayout

相对布局,它是依靠与父容器,同一容器中其它控件的相对位置来排列显示的。主要常用的属性如下:

相对父容器的属性:

android:layout_alignParentTop: 控件的顶部与父容器的顶部对齐,类似的几个属性从名字可以看出它们的作用:android:layout_alignParentBottom, android:layout_alignParentLeft, android:layout_alignParentRight.

相对同一容器中其它控件的属性:

android:layout_above: 表示此控件在另一控件的上面,类似的还有android:layout_below, android:layout_toLeftOf, android:layout_toRightOf.

android:layout_alignTop: 表示此控件与另一控件顶部对齐,类似的还有android:layout_alignBottom, android:layout_alignLeft, android:layout_alignRight.

既然是相对于另一个控件,就必须在定义这控件时候指定是哪个控件,如控件A的ID为@+id/widget_a, 控件B若要在控件A下面可以这样设置android:layout_below="@id/widget_a"。

来看一下官方的一个Demo:

01< RelativeLayoutxmlns:android=" https://schemas.android.com/apk/res/android"02    android:layout_width="fill_parent"android:layout_height="fill_parent"> 03    < TextViewandroid:id="@+id/label"android:layout_width="fill_parent"04        android:layout_height="wrap_content"android:text="Type here:"/> 05    < EditTextandroid:id="@+id/entry"android:layout_width="fill_parent"06        android:layout_height="wrap_content"android:background="@android:drawable/editbox_background"07        android:layout_below="@id/label"/> 08    < Buttonandroid:id="@+id/ok"android:layout_width="wrap_content"09        android:layout_height="wrap_content"android:layout_below="@id/entry"10        android:layout_alignParentRight="true"android:layout_marginLeft="10dip"11        android:text="OK"/> 12    < Buttonandroid:layout_width="wrap_content"13        android:layout_height="wrap_content"android:layout_toLeftOf="@id/ok"14        android:layout_alignTop="@id/ok"android:text="Cancel"/> 15</ RelativeLayout>

运行效果如下:

(3) TableLayout

表格布局,类似于HTML的Table和Silverlight的Grid。通过TableRow来定义一行,如果一个控件占用多列可以设置android:layout_span, 类似于HTML的colspan。默认情况下一个控件是按顺序放置在每一列的(column 0, column 1….), 也可以通过android:layout_column指定放在哪一列。如果一列内容过长或者过短,可以通过android:stretchColumns和android:shrinkColumns来增加或者减少此列的宽度。

来看一下官方的一个Demo:

01< TableLayoutxmlns:android=" https://schemas.android.com/apk/res/android"02    android:layout_width="fill_parent"android:layout_height="fill_parent"03    android:stretchColumns="1"> 04    < TableRow> 05        < TextViewandroid:layout_column="1"android:text="Open..."06            android:padding="3dip"/> 07        < TextViewandroid:text="Ctrl-O"android:gravity="right"08            android:padding="3dip"/> 09    </ TableRow> 10    < TableRow> 11        < TextViewandroid:layout_column="1"android:text="Save..."12            android:padding="3dip"/> 13        < TextViewandroid:text="Ctrl-S"android:gravity="right"14            android:padding="3dip"/> 15    </ TableRow> 16    < TableRow> 17        < TextViewandroid:layout_column="1"android:text="Save As..."18            android:padding="3dip"/> 19        < TextViewandroid:text="Ctrl-Shift-S"android:gravity="right"20            android:padding="3dip"/> 21    </ TableRow> 22    < Viewandroid:layout_height="2dip"android:background="#FF909090"/> 23    < TableRow> 24        < TextViewandroid:text="X"android:padding="3dip"/> 25        < TextViewandroid:text="Import..."android:padding="3dip"/> 26    </ TableRow> 27    < TableRow> 28        < TextViewandroid:text="X"android:padding="3dip"/> 29        < TextViewandroid:text="Export..."android:padding="3dip"/> 30        < TextViewandroid:text="Ctrl-E"android:gravity="right"31            android:padding="3dip"/> 32    </ TableRow> 33    < Viewandroid:layout_height="2dip"android:background="#FF909090"/> 34    < TableRow> 35        < TextViewandroid:layout_column="1"android:text="Quit"36            android:padding="3dip"/> 37    </ TableRow> 38</ TableLayout>

这个表格有三列,通过设置android:stretchColumns="1"来增加了第二列的宽度。运行效果如下:

相关文章
|
13天前
|
XML Android开发 数据安全/隐私保护
10. 【Android教程】网格布局 GridLayout
10. 【Android教程】网格布局 GridLayout
18 1
|
13天前
|
Android开发
08. 【Android教程】相对布局 RelativeLayout
08. 【Android教程】相对布局 RelativeLayout
12 0
|
1月前
|
开发框架 搜索推荐 .NET
Android之ListActivity 布局与数据绑定
Android之ListActivity 布局与数据绑定
18 0
|
13天前
|
开发工具 Android开发 数据安全/隐私保护
12. 【Android教程】绝对布局 AbsoluteLayout
12. 【Android教程】绝对布局 AbsoluteLayout
14 0
|
13天前
|
Android开发
09. 【Android教程】表格布局 TableLayout
09. 【Android教程】表格布局 TableLayout
12 0
|
19天前
|
缓存 监控 Android开发
构建高效Android应用:从优化布局到提升性能
【5月更文挑战第28天】 随着移动设备的普及,用户对Android应用的性能和响应速度有着越来越高的期待。本文旨在探讨一系列实用的技术和策略,帮助开发者在设计阶段就将性能考量纳入其中,以实现流畅和高效的用户体验。我们将深入分析布局优化、内存管理和多线程处理等关键领域,并提出具体的解决方案和最佳实践,以便开发过程中能够有效地避免常见的性能瓶颈。
|
27天前
|
缓存 编解码 移动开发
构建高效Android应用:从优化布局到提升性能
【5月更文挑战第20天】 在移动开发领域,一个流畅且响应迅速的应用是用户留存的关键。本文将深入探讨如何针对安卓平台优化应用性能,涵盖从布局优化、内存管理到多线程处理等多个方面。我们将通过实例和最佳实践指导开发者避免常见的性能陷阱,并利用现代安卓工具和技巧提高应用的整体效率。
|
1月前
|
存储 传感器 Android开发
构建高效Android应用:从优化布局到提升性能
【5月更文挑战第13天】 在竞争激烈的移动应用市场中,一个高效的Android应用不仅需要具备直观的用户界面和丰富的功能,还要确保流畅的性能和快速的响应时间。本文将深入探讨如何通过优化布局设计、减少资源消耗以及利用系统提供的API来提升Android应用的性能。我们将分析布局优化的策略,讨论内存使用的常见陷阱,并介绍异步处理和电池寿命的考量。这些技术的综合运用将帮助开发者构建出既美观又高效的Android应用。
|
1月前
|
搜索推荐 Android开发
自定义Android标题栏TitleBar布局
自定义Android标题栏TitleBar布局
12 1