Android Basic layout

First type: linear layout

This layout is relatively simple, either vertically or horizontally.

[HTML]View Plaincopy

1. <?xml version= "1.0" encoding= "Utf-8"?>
   <linearlayout xmlns:android= "Http://schemas.android.com/apk/res/android"
   Android:layout_width= "Match_parent"
   android:layout_height= "Match_parent"
   android:orientation= "Vertical"
   android:padding= "10DP" >
   <textview
   Android:id= "@+id/text"
   Android:layout_width= "Wrap_content"
   android:layout_height= "Wrap_content"
   android:text= "@string/type"/>
   <edittext
   Android:id= "@+id/et_entry"
   Android:layout_width= "Match_parent"
   android:layout_height= "Wrap_content"
   android:hint= "@string/hello"
   android:background= "#ffffff"/>
   <button
   Android:id= "@+id/ok"
   Android:layout_width= "Wrap_content"
   android:layout_height= "Wrap_content"
   android:text= "@string/ok"/>
   <button
   Android:id= "@+id/cancel"
   Android:layout_width= "Wrap_content"
   android:layout_height= "Wrap_content"
   android:text= "@string/cancel"/>
   </LinearLayout>

The effect is as follows:

The second type: relative layout

Relative layout: In contrast to a reference position, you must have a reference before you can determine the position of the next control, such as a first, and then B relative to a, on the right, bottom, or position of a. Of course, Android can also be relative to the parent form.

1 <Relativelayoutxmlns:android= "Http://schemas.android.com/apk/res/android" 2 Xmlns:tools= "Http://schemas.android.com/tools" 3 Android:layout_width= "Match_parent" 4 Android:layout_height= "100DP" 5 Tools:context=". Mainactivity "> 6 <TextView7 Android:id= "@+id/tv_title" 8 Android:layout_width= "Wrap_content" 9 Android:layout_height= "Wrap_content" Ten Android:layout_marginleft= "10DP" One Android:layout_margintop= "10DP"  A Android:textcolor= "#660000" - android:textsize= "20SP" - Android:text= "I am the big text" />  the <TextView - Android:layout_below= "@id/tv_title"  - Android:layout_width= "Wrap_content"  - Android:layout_height= "Wrap_content"  + Android:layout_marginleft= "10DP"  - Android:layout_margintop= "10DP"  + Android:textcolor= "#660000"  A android:textsize= "14SP"  at Android:text= "I am a small text" />  - <CheckBox - Android:layout_width= "Wrap_content"  - Android:layout_height= "Wrap_content"  - Android:layout_alignparentleft= "true"  - android:layout_centervertical= "true" in /> - </Relativelayout>

This layout looks like this:

The third type: Table layout

[HTML]View Plaincopy

Table layout: For example, a few rows of columns of formatting, such as what Excel looks like

[HTML]View Plaincopy

2. <? XML version= "1.0" encoding="Utf-8"?>
4. <tablelayout xmlns:android="http://schemas.android.com/apk/res/android"
6. android:layout_width="match_parent"
8. android:layout_height="match_parent"
10. android:background="#000000"
12. android:stretchcolumns="1" >
14. <TableRow >
16. <TextView
18. android:text="name"
20. android:padding="10dip"
22. android:textcolor="#ffffff"/>
24. <EditText
26. android:layout_marginleft="20DP"
28. android:background="#ffffff"
30. />
32. </TableRow>
34. <TableRow >
36. <TextView
38. android:text="password"
40. android:padding="10dip"
42. android:textcolor="#ffffff"/>
44. <EditText
46. android:layout_marginleft="20DP"
48. android:background="#ffffff"
50. android:password="true"
52. />
54. </TableRow>
58. </tablelayout>

The effect is as follows:

Fourth type: Frame layout

Frame layout: In fact, a relatively simple understanding is that a picture superimposed on the top of a picture, is the picture overlay

[HTML]View Plaincopy

2. <? XML version= "1.0" encoding="Utf-8"?>
4. <framelayout xmlns:android="http://schemas.android.com/apk/res/android"
6. android:layout_width="match_parent"
8. android:layout_height="match_parent"
10. >
12. <TextView
14. android:layout_width="match_parent"
16. android:layout_height="match_parent"
18. android:layout_gravity="center"
20. android:background="#ff0000" />
24. <TextView
26. android:layout_width="250DP"
28. android:layout_height="390DP"
30. android:layout_gravity="center"
32. android:background="#dd0000" />
34. <TextView
36. android:layout_width="180DP"
38. android:layout_height="300DP"
40. android:layout_gravity="center"
42. android:background="#bb0000" />
44. <TextView
46. android:layout_width="110DP"
48. android:layout_height="210DP"
50. android:layout_gravity="center"
52. android:background="#990000" />
54. <TextView
56. android:layout_width="40DP"
58. android:layout_height="120DP"
60. android:layout_gravity="center"
62. android:background="#770000" />
64. </framelayout>

The effect is as follows:

Well, hit the common layout of the introduction is over, these are also in the process of looking at the code to find out, I hope to their own, will help others

Android Basic layout