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

TTHHVV

2011-12-12

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

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

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

string.xml文件内容：

Main.xml文件内容：

<?xmlversionxmlversion="1.0" encoding="utf-8"?>
<LinearLayoutxmlns:androidLinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="@string/liable_name"
android:id="@+id/liable_name"/>
<EditText
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:id="@+id/name"/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="right">
<Buttonandroid:layout_widthButtonandroid:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/btn1"
android:id="@+id/btn011"/>
<Button
android:id="@+id/btn012"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/btn2" />
</LinearLayout>
</LinearLayout>

整体效果：

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

设计思路：

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