Android-常见的布局

2.android中常见布局

   [1]线性布局   水平  垂直.

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3. android:layout_width="match_parent"
4. android:orientation="vertical"
5. android:layout_height="match_parent">
7. <!--@符合就代表R文件-->
8. <TextView
9. android:id="@+id/tv_number"
10. android:layout_width="wrap_content"
11. android:layout_height="wrap_content"
12. android:text="请输入手机号:"
13. android:textSize="25sp"
14. />
16. <EditText
17. android:id="@+id/et_number"
18. android:layout_width="match_parent"
19. android:layout_height="wrap_content"
20. android:hint="请输入手机号"
21. />
23. <Button
24. android:layout_width="wrap_content"
25. android:layout_height="wrap_content"
26. android:text="拨打此号码"
27. />
29. </LinearLayout>

   [2]相对布局  里面的控件默认都从左上角开始排列

1. <?xml version="1.0" encoding="utf-8"?>
2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
3. android:layout_width="match_parent"
4. android:layout_height="match_parent">
6. <!--快速格式化代码 ctrl + alt + l-->
8. <!--@符合就代表R文件-->
9. <TextView
10. android:id="@+id/tv_number"
11. android:layout_width="wrap_content"
12. android:layout_height="wrap_content"
13. android:text="请输入手机号:"
14. android:textSize="25sp" />
17. <EditText
18. android:id="@+id/et_number"
19. android:layout_width="match_parent"
20. android:layout_height="wrap_content"
21. android:layout_below="@id/tv_number"
22. android:hint="请输入手机号"
23. />
24. <Button
25. android:layout_width="wrap_content"
26. android:layout_height="wrap_content"
27. android:layout_below="@id/et_number"
28. android:text="拨打此号码"
30. />
32. </RelativeLayout>

   [3]帧布局   分层展示控件.

1. <?xml version="1.0" encoding="utf-8"?>
2. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
3. android:layout_width="match_parent"
4. android:layout_height="match_parent">
6. <!--@符合就代表R文件-->
7. <TextView
8. android:id="@+id/tv_number"
9. android:layout_width="match_parent"
10. android:layout_height="match_parent"
11. android:text="这是视频播放的内容:"
12. android:textSize="25sp"
13. />
15. <Button
16. android:layout_width="wrap_content"
17. android:layout_height="wrap_content"
18. android:text="拨打"
19. android:layout_gravity="center"
20. />
22. </FrameLayout>

[4]表格布局  表格由行和列构成 

1. <?xml version="1.0" encoding="utf-8"?>
2. <TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
3. android:layout_width="match_parent"
4. android:layout_height="match_parent">
6. <!--一个tablerow就代表一行 具体的控件表示列-->
7. <TableRow
8. android:layout_width="match_parent"
9. android:layout_height="wrap_content">
10. >
12. <Button
13. android:layout_width="match_parent"
14. android:layout_height="wrap_content"
15. android:text="1111" />
17. <Button
18. android:layout_width="match_parent"
19. android:layout_height="wrap_content"
20. android:text="2222" />
21. </TableRow>
24. <TableRow
25. android:layout_width="match_parent"
26. android:layout_height="wrap_content">
27. >
29. <Button
30. android:layout_width="match_parent"
31. android:layout_height="wrap_content"
32. android:text="1111" />
34. <Button
35. android:layout_width="match_parent"
36. android:layout_height="wrap_content"
37. android:text="2222" />
38. </TableRow>
40. </TableLayout>

[5]绝对布局 已经过时 我们开发中很少用 

[6]总结:实际开发中我们使用线性布局和相对布局组合.