Android Layout 布局教材
来源:互联网 发布:手机淘宝退出登录在哪 编辑:程序博客网 时间:2024/04/28 10:33
一个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
<?
xml
version
=
"1.0"
encoding
=
"utf-8"
?>
02
<
LinearLayout
xmlns:android
=
"http://schemas.android.com/apk/res/android"
03
android:orientation
=
"vertical"
android:layout_width
=
"fill_parent"
04
android:layout_height
=
"fill_parent"
>
05
<
LinearLayout
android:orientation
=
"horizontal"
06
android:layout_width
=
"fill_parent"
android:layout_height
=
"fill_parent"
07
android:layout_weight
=
"1"
>
08
<
TextView
android: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
<
TextView
android: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
<
TextView
android: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
<
TextView
android: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
<
LinearLayout
android:orientation
=
"vertical"
22
android:layout_width
=
"fill_parent"
android:layout_height
=
"fill_parent"
23
android:layout_weight
=
"1"
>
24
<
TextView
android:text
=
"row one"
android:textSize
=
"15pt"
25
android:layout_width
=
"fill_parent"
android:layout_height
=
"wrap_content"
26
android:layout_weight
=
"1"
/>
27
<
TextView
android:text
=
"row two"
android:textSize
=
"15pt"
28
android:layout_width
=
"fill_parent"
android:layout_height
=
"wrap_content"
29
android:layout_weight
=
"1"
/>
30
<
TextView
android:text
=
"row three"
android:textSize
=
"15pt"
31
android:layout_width
=
"fill_parent"
android:layout_height
=
"wrap_content"
32
android:layout_weight
=
"1"
/>
33
<
TextView
android: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
>
1
可以看到父类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
<
RelativeLayout
xmlns:android
=
"http://schemas.android.com/apk/res/android"
02
android:layout_width
=
"fill_parent"
android:layout_height
=
"fill_parent"
>
03
<
TextView
android:id
=
"@+id/label"
android:layout_width
=
"fill_parent"
04
android:layout_height
=
"wrap_content"
android:text
=
"Type here:"
/>
05
<
EditText
android: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
<
Button
android: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
<
Button
android: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
<
TableLayout
xmlns:android
=
"http://schemas.android.com/apk/res/android"
02
android:layout_width
=
"fill_parent"
android:layout_height
=
"fill_parent"
03
android:stretchColumns
=
"1"
>
04
<
TableRow
>
05
<
TextView
android:layout_column
=
"1"
android:text
=
"Open..."
06
android:padding
=
"3dip"
/>
07
<
TextView
android:text
=
"Ctrl-O"
android:gravity
=
"right"
08
android:padding
=
"3dip"
/>
09
</
TableRow
>
10
<
TableRow
>
11
<
TextView
android:layout_column
=
"1"
android:text
=
"Save..."
12
android:padding
=
"3dip"
/>
13
<
TextView
android:text
=
"Ctrl-S"
android:gravity
=
"right"
14
android:padding
=
"3dip"
/>
15
</
TableRow
>
16
<
TableRow
>
17
<
TextView
android:layout_column
=
"1"
android:text
=
"Save As..."
18
android:padding
=
"3dip"
/>
19
<
TextView
android:text
=
"Ctrl-Shift-S"
android:gravity
=
"right"
20
android:padding
=
"3dip"
/>
21
</
TableRow
>
22
<
View
android:layout_height
=
"2dip"
android:background
=
"#FF909090"
/>
23
<
TableRow
>
24
<
TextView
android:text
=
"X"
android:padding
=
"3dip"
/>
25
<
TextView
android:text
=
"Import..."
android:padding
=
"3dip"
/>
26
</
TableRow
>
27
<
TableRow
>
28
<
TextView
android:text
=
"X"
android:padding
=
"3dip"
/>
29
<
TextView
android:text
=
"Export..."
android:padding
=
"3dip"
/>
30
<
TextView
android:text
=
"Ctrl-E"
android:gravity
=
"right"
31
android:padding
=
"3dip"
/>
32
</
TableRow
>
33
<
View
android:layout_height
=
"2dip"
android:background
=
"#FF909090"
/>
34
<
TableRow
>
35
<
TextView
android:layout_column
=
"1"
android:text
=
"Quit"
36
android:padding
=
"3dip"
/>
37
</
TableRow
>
38
</
TableLayout
>
这个表格有三列,通过设置android:stretchColumns="1"来增加了第二列的宽度。运行效果如下:
作者:Benjamin Wang
出处:http://chunhui588.cnblogs.com
来源:http://blog.csdn.net/visen_api/archive/2010/12/05/6055773.aspx
版权声明: 本文欢迎转载,但需在文章页面明显位置给出本文的详细链接,否则作者将保留追究法律责任的权利。
- Android Layout 布局教材
- Android Layout各种布局
- android 布局(Layout)资源共享
- Android之layout布局
- Android Layout 布局
- Android Layout 布局
- Android Layout布局属性
- android layout各种布局
- Android Layout 布局
- android界面布局layout
- Android中的布局 Layout
- Android LayOut布局
- Android Layout各种布局
- Android Layout各种布局
- android layout 布局
- android 自定义Layout布局
- android layout布局属性
- android layout 并排布局
- [转]从头开始思考游戏的数据管理系统(一)
- log4j详解与实战
- [转]从头开始思考游戏的数据管理系统(二)
- 13个WordPress技巧和教程的网站
- QListView的样式-转载于http://no001.blog.51cto.com/1142339/378917
- Android Layout 布局教材
- [转]混合语言的游戏开发系统架构
- create table for db
- pentaho中登录页面用不显示下拉框
- 别想太复杂,只要以数学的解法可解
- WPS快捷键大全!
- 通过schema workbenche发布xml的步骤
- schema workbenche小提示
- chartxaction元素详解