Android登录页面的最佳实践

在应用开发的过程中，有次UI设计的页面让我为难了，要求页面如下：

左侧是标题，右侧是输入框，要求标题左对齐，输入框左右对齐，同时表单中标题字数长度不等。当时分析了常用的线性布局和相对布局之后都没有漂亮的解决办法。由于项目的时间要求，我只能让每一行都用线性布局，标题设定最大长度，这样子的缺点就是不同的手机上显示不一样。后来，在看郭霖大神的《第一行代码》中得到了启发，原来可以使用不常用的表格布局，就容易实现多了。特此，写篇文章记录下这次醍醐灌顶的经历。

使用方法嘛，就用下面的登陆界面为例说明一下。登录界面效果图如下所示：

代码如下：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">
    <include layout="@layout/include_title"/>
    <TableLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:stretchColumns="1">
        <TableRow>
            <TextView
                android:layout_height="wrap_content"
                android:text="Account:"
                />
            <EditText
                android:id="@+id/et_login_account"
                android:layout_height="wrap_content"
                android:hint="Input your account"
                />
        TableRow>
        <TableRow>
            <TextView
                android:layout_height="wrap_content"
                android:text="Password:"
                />
            <EditText
                android:id="@+id/et_login_password"
                android:layout_height="wrap_content"
                android:inputType="textPassword"
                android:hint="Input your password"
                />
        TableRow>
        <TableRow>
            <Button
                android:id="@+id/btn_login_login"
                android:layout_height="wrap_content"
                android:layout_span="2"
                android:text="Login" />
        TableRow>
    TableLayout>
LinearLayout>