Android开发教程：使用线性布局实现简单登陆界面的实例

Android开发教程：使用线性布局实现简单登陆界面的实例

Android布局主要有五种，分别为线性布局LinearLayout，网格布局TableLayout，相对布局Realitive和帧式布局FrameLayout

线性布局就是在标签下的所有子元素都会根据其orientation属性的值来决定是按行还是按列逐个显示，vertical是子元素垂直排列，每个子元素占据独立的一行；horizontal表示子元素水平排列，即每个子元素占据独立的一列

android:gravity，表示显示方式位置，left表示显示在布局图的左边，right表示右边，center表示中间

string.xml文件内容：

1. <stringnamestringname="liable_name">请输入您的用户名：</string>  
2.   
3.     <string name="app_name">界面简单布局</string>  
4.   
5.     <string name="btn1">确认</string>  
6.   
7.     <string name="btn2">取消</string>  

Main.xml文件内容：

1. <?xmlversionxmlversion="1.0" encoding="utf-8"?>  
2.   
3. <LinearLayoutxmlns:androidLinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"  
4.   
5.    android:layout_width="match_parent"  
6.   
7.    android:layout_height="match_parent"  
8.   
9.     android:orientation="vertical"   
10.   
11.     >  
12.   
13.    
14.   
15.     <TextView   
16.   
17.        android:layout_width="fill_parent"  
18.   
19.        android:layout_height="wrap_content"  
20.   
21.        android:text="@string/liable_name"  
22.   
23.        android:id="@+id/liable_name"/>  
24.   
25.     <EditText   
26.   
27.        android:layout_width="fill_parent"  
28.   
29.        android:layout_height="wrap_content"  
30.   
31.         android:id="@+id/name"/>  
32.   
33.     <LinearLayout   
34.   
35.        android:layout_width="match_parent"  
36.   
37.        android:layout_height="wrap_content"  
38.   
39.        android:orientation="horizontal"  
40.   
41.         android:gravity="right">  
42.   
43.         <Buttonandroid:layout_widthButtonandroid:layout_width="wrap_content"  
44.   
45.             android:layout_height="wrap_content"  
46.   
47.            android:text="@string/btn1"  
48.   
49.               
50.   
51.            android:id="@+id/btn011"/>  
52.   
53.    
54.   
55.         <Button  
56.   
57.             android:id="@+id/btn012"  
58.   
59.            android:layout_width="wrap_content"  
60.   
61.             android:layout_height="wrap_content"  
62.   
63.            android:text="@string/btn2" />  
64.   
65.    
66.   
67.     </LinearLayout>  
68.   
69.    
70.   
71. </LinearLayout>  

整体效果：

设计思路：

首先在string.xml中定义文本的值，然后在main.xml中，定义整体布局，使用了一个大的<LinearLayout>嵌套了一个小的<LinearLayout>来实现的，大地标签中，采用垂直方式排列布局，小的标签中采用水平排列，右对齐的方式