注册界面设计及实现之（一）注册界面的开发实现

开发步骤： 

• 在布局文件中设置视图组件 
• 创建视图优化xml文件并绑定组件 
• 添加按钮单击事件并实现验证机制

布局组件结构的设计分析：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="16dp"
    android:paddingRight="16dp"
    android:paddingTop="16dp"
    android:paddingBottom="16dp" tools:context=".Register_Activity"
    android:background="@drawable/bg">
    <LinearLayout
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/login_border_bg"
        android:padding="10dp">
        <TableLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:collapseColumns="2"
            android:stretchColumns="1">
            <TableRow
                android:layout_width="fill_parent"
                android:layout_height="wrap_content">
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="注册帐号："
                    android:textSize="15sp"
                    android:textColor="#000000"/>
                <EditText
                    android:id="@+id/txtRegAccount"
                    android:layout_width="fill_parent"
                    android:layout_height="35dp"
                    android:hint="请输入注册帐号："
                    android:textSize="12sp"
                    android:textColor="#000000"
                    android:background="@drawable/txt_bg"
                    android:paddingLeft="10dp"/>
            </TableRow>
            <TableRow
                android:layout_width="fill_parent"
                android:layout_height="wrap_content">
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="登录密码："
                    android:textSize="15sp"
                    android:textColor="#000000"/>
                <EditText
                    android:id="@+id/txtRegPassword"
                    android:layout_width="fill_parent"
                    android:layout_height="35dp"
                    android:hint="请输入登录密码："
                    android:textSize="12sp"
                    android:textColor="#000000"
                    android:inputType="textPassword"
                    android:background="@drawable/txt_bg"
                    android:paddingLeft="10dp"
                    android:layout_marginTop="10dp"/>
            </TableRow>
            <TableRow
                android:layout_width="fill_parent"
                android:layout_height="wrap_content">
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="确认密码："
                    android:textSize="15sp"
                    android:textColor="#000000"/>
                <EditText
                    android:id="@+id/txtReRegPassword"
                    android:layout_width="fill_parent"
                    android:layout_height="35dp"
                    android:hint="请输入确认登录密码："
                    android:textSize="12sp"
                    android:textColor="#000000"
                    android:inputType="textPassword"
                    android:background="@drawable/txt_bg"
                    android:paddingLeft="10dp"
                    android:layout_marginTop="10dp"/>
            </TableRow>
        </TableLayout>
        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:layout_marginTop="10dp">
            <Button
                android:id="@+id/btnAdd"
                android:layout_width="0dp"
                android:layout_height="35dp"
                android:text="立即注册"
                android:textSize="15sp"
                android:textColor="#646464"
                android:layout_weight="1"
                android:background="@drawable/btn_reg_bg"
                android:layout_marginRight="5dp"/>
        </LinearLayout>
    </LinearLayout>
</RelativeLayout>

运行：