转载 Android入门学习_代码常用布局

1、线性布局 LinearLayout：
       线性布局是所有布局中最常用的类之一，也是RadioGroup, TabWidget, TableLayout, TableRow, ZoomControls类的父类。LinearLayout可以让它的子元素垂直或水平的方式排成一行（不设置方向的时候默认按照垂直方向排列）。
举个例子：

java代码：

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3. android:orientation="vertical"
4. android:layout_width="fill_parent"
5. android:layout_height="wrap_content"
6. >
7. <!--
8. android:id —— 为控件指定相应的ID
9. android:text —— 指定控件当中显示的文字，需要注意的是，这里尽量使用strings.xml文件当中的字符串
10. android:grivity —— 指定控件的基本位置，比如说居中，居右等位置
11. android:textSize —— 指定控件当中字体的大小
12. android:background —— 指定该控件所使用的背景色,RGB命名法
13. android:width —— 指定控件的宽度
14. android:height —— 指定控件的高度
15. android:padding* —— 指定控件的内边距，也就是说控件当中的内容
16. android:layout_weight —— 控件之间的权重比
17. android:sigleLine —— 如果设置为真的话，则将控件的内容在同一行当中进行显示
18. -->
19. <TextView
20. android:id="@+id/firstText"
21. android:text="第一行一行一行一行一行一行一行一行一行一行"
22. android:gravity="center_vertical"
23. android:textSize="35pt"
24. android:background="#aa0000"
25. android:layout_width="fill_parent"
26. android:layout_height="wrap_content"
27. android:paddingLeft="10dip"
28. android:paddingTop="20dip"
29. android:paddingRight="30dip"
30. android:paddingBottom="40dip"
31. android:layout_weight="1"
32. android:singleLine="true"/>
33. <TextView
34. android:id="@+id/secondText"
35. android:text="第二行"
36. android:gravity="center_vertical"
37. android:textSize="15pt"
38. android:background="#0000aa"
39. android:layout_width="fill_parent"
40. android:layout_height="wrap_content"
41. android:layout_weight="1"/>
42. </LinearLayout>

复制代码

       2、相对布局 RelativeLayout
       相对布局 RelativeLayout 允许子元素指定它们相对于其父元素或兄弟元素的位置，这是实际布局中最常用的布局方式之一。它灵活性大很多，当然属性也多，操作难度也大，属性之间产生冲突的的可能性也大，使用相对布局时要多做些测试。

举个例子：

java代码：

1. <?xml version="1.0" encoding="utf-8"?>
2. <!--
3. android:layout_above 将该控件的底部至于给定ID的控件之上
4. android:layout_below 将该控件的顶部至于给定ID的控件之下
5. android:layout_toLeftOf 将该控件的右边缘和给定ID的控件的左边缘对齐
6. android:layout_toRightOf 将该控件的左边缘和给定ID的控件的右边缘对齐
8. android:layout_alignBaseline 该控件的baseline和给定ID的控件的baseline对齐
9. android:layout_alignBottom 将该控件的底部边缘与给定ID控件的底部边缘
10. android:layout_alignLeft 将该控件的左边缘与给定ID控件的左边缘对齐
11. android:layout_alignRight 将该控件的右边缘与给定ID控件的右边缘对齐
12. android:layout_alignTop 将给定控件的顶部边缘与给定ID控件的顶部对齐
15. android:alignParentBottom 如果该值为true，则将该控件的底部和父控件的底部对齐
16. android:layout_alignParentLeft 如果该值为true，则将该控件的左边与父控件的左边对齐
17. android:layout_alignParentRight 如果该值为true，则将该控件的右边与父控件的右边对齐
18. android:layout_alignParentTop 如果该值为true，则将空间的顶部与父控件的顶部对齐
20. android:layout_centerHorizontal 如果值为真，该控件将被至于水平方向的中央
21. android:layout_centerInParent 如果值为真，该控件将被至于父控件水平方向和垂直方向的中央
22. android:layout_centerVertical 如果值为真，该控件将被至于垂直方向的中央
23. -->
24. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
25. android:layout_width="fill_parent"
26. android:layout_height="fill_parent">
27. <TextView
28. android:id="@+id/label"
29. android:layout_width="fill_parent"
30. android:layout_height="wrap_content"
31. android:text="Type here:" />
32. <EditText
33. android:id="@+id/entry"
34. android:layout_width="fill_parent"
35. android:layout_height="wrap_content"
36. android:background="@android:drawable/editbox_background"
37. android:layout_below="@id/label" />
38. <Button android:id="@+id/ok"
39. android:layout_width="wrap_content"
40. android:layout_height="wrap_content"
41. android:layout_below="@id/entry"
42. android:layout_alignParentRight="true"
43. android:layout_marginLeft="10dip"
44. android:text="OK" />
45. <Button android:layout_width="wrap_content"
46. android:layout_height="wrap_content"
47. android:layout_toLeftOf="@id/ok"
48. android:layout_alignTop="@id/ok"
49. android:text="Cancel" />
50. </RelativeLayout>

复制代码

       3、表单布局 TableLayout
       和TableRow配合使用，和HTML里的Table相似。

举个例子：

java代码：

1. <?xml version="1.0" encoding="utf-8" ?>
3. <TableLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent"android:layout_height="fill_parent" android:stretchColumns="1">
4. <TableRow>
6. <TextView
7. android:layout_column="1"
8. android:text="打开..."
9. android:padding="3dip" />
11. <TextView
12. android:text="Ctrl-O"
13. android:gravity="right"
14. android:padding="3dip" />
15. </TableRow>
16. <TableRow>
19. <TextView
20. android:layout_column="1"
21. android:text="保存..."
22. android:padding="3dip" />
24. <TextView
25. android:text="Ctrl-S"
26. android:gravity="right"
27. android:padding="3dip" />
28. </TableRow>
30. <TableRow>
31. <TextView
32. android:layout_column="1"
33. android:text="另存为..."
34. android:padding="3dip" />
36. <TextView
37. android:text="Ctrl-Shift-S"
38. android:gravity="right"
39. android:padding="3dip" />
40. </TableRow>
42. <View
43. android:layout_height="2dip"
44. android:background="#FF909090" />
45. <TableRow>
46. <TextView android:text="*" android:padding="3dip" />
47. <TextView android:text="导入..." android:padding="3dip" />
48. </TableRow>
49. <TableRow>
50. <TextView android:text="*" android:padding="3dip" />
51. <TextView android:text="导出..." android:padding="3dip" />
52. <TextView android:text="Ctrl-E" android:gravity="right" android:padding="3dip" />
53. </TableRow>
55. <View android:layout_height="2dip" android:background="#FF909090" />
56. <TableRow>
57. <TextView android:layout_column="1" android:text="退出" android:padding="3dip" />
59. </TableRow>
61. </TableLayout>

复制代码

       4、切换卡 Tabwidget
       继承TabActivity，实现标签的切换功能。
举个例子：

java代码：

1. <?xml version="1.0" encoding="utf-8"?>
2. <TabHost xmlns:android="http://schemas.android.com/apk/res/android"
3. android:id="@android:id/tabhost"
4. android:layout_width="fill_parent"
5. android:layout_height="fill_parent">
6. <LinearLayout
7. android:orientation="vertical"
8. android:layout_width="fill_parent"
9. android:layout_height="fill_parent">
10. <TabWidget
11. android:id="@android:id/tabs"
12. android:layout_width="fill_parent"
13. android:layout_height="wrap_content" />
14. <FrameLayout
15. android:id="@android:id/tabcontent"
16. android:layout_width="fill_parent"
17. android:layout_height="fill_parent">
18. <TextView
19. android:id="@+id/textview1"
20. android:layout_width="fill_parent"
21. android:layout_height="fill_parent"
22. android:text="this is a tab" />
23. <TextView
24. android:id="@+id/textview2"
25. android:layout_width="fill_parent"
26. android:layout_height="fill_parent"
27. android:text="this is another tab" />
28. <TextView
29. android:id="@+id/textview3"
30. android:layout_width="fill_parent"
31. android:layout_height="fill_parent"
32. android:text="this is a third tab" />
33. </FrameLayout>
34. </LinearLayout>
35. </TabHost>

复制代码

       其他布局：

       1、帧布局 FrameLayout：

       是最简单的一个布局对象。在他里面的的所有显示对象爱你过都将固定在屏幕的左上角，不能指定位置，但允许有多个显示对象，只是后一个会直接覆盖在前一个之上显示，会把前面的组件部分或全部挡住。

举个例子：

java代码：

1. <?xml version="1.0" encoding="utf-8"?>
2. <FrameLayout
3. xmlns:android="http://schemas.android.com/apk/res/android"
4. android:layout_width="fill_parent"
5. android:layout_height="fill_parent">
6. <TextView
7. android:text="big"
8. android:layout_width="wrap_content"
9. android:layout_height="wrap_content"
10. android:textSize="50pt"/>
11. <TextView
12. android:text="middle"
13. android:layout_width="wrap_content"
14. android:layout_height="wrap_content"
15. android:textSize="20pt"/>
16. <TextView
17. android:text="small"
18. android:layout_width="wrap_content"
19. android:layout_height="wrap_content"
20. android:textSize="10pt"/>
21. </FrameLayout>

复制代码

       2、绝对布局 AbsoluteLayout

       绝对定位AbsoluteLayout，又可以叫做坐标布局，可以直接指定子元素的绝对位置，这种布局简单直接，直观性强，但是由于手机屏幕尺寸差别比较大，使用绝对定位的适应性会比较差。分辨率不一样的屏幕，显示的位置也会有所不同。

举个例子：

java代码：

1. < ?xml version="1.0" encoding="utf-8"?>
2. < AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"
3. android:orientation="vertical"
4. android:layout_width="fill_parent"
5. android:layout_height="fill_parent"
6. >
8. < EditText
9. android:text="Welcome to Mr Wei's blog"
10. android:layout_width="fill_parent"
11. android:layout_height="wrap_content"/>
13. < Button
14. android:layout_x="250px" //设置按钮的X坐标
15. android:layout_y="40px" //设置按钮的Y坐标
16. android:layout_width="70px" //设置按钮的宽度
17. android:layout_height="wrap_content"
18. android:text="Button"/>
20. < /AbsoluteLayout>