常见的用户注册页面包含了相对布局(RelativeLayout)、线性布局(LinearLayout)、文本控件(TextView)、编辑框(EditText)、普通按钮(Button)、单选按钮(RadioButton)。
首先对其中用到的控件进行简单说明:
- TextView:文本框,可以在界面上显示文字,通常作为提示信息展示。
- EditText:编辑框,可以在上面输入文字,它有一个 inputType 属性,可以控制输入的内容只能是数字或者字母等。
- Button:按钮,用于响应用户的点击事件。
- RadioButton:单选按钮,用 RadioGroup 包裹,RadioGroup 里可以放置多个 RadioButton,一组 RadioButton中只能有一个被选中。
接下来在 res/ layout 目录下添加一个 register. xml 布局文件, 用于实现用户注册功能,该界面如下图所示 。
![](https://i-blog.csdnimg.cn/blog_migrate/281fdf3ac33fde345d6cb54c0115ce05.png)
“用户注册”界面对应的布局文件( register.xml )如下所示:
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <LinearLayout android:id="@+id/regist_username" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:layout_marginLeft="10dp" android:layout_marginRight="10dp" android:layout_marginTop="22dp" android:orientation="horizontal" > <TextView android:layout_width="80dp" android:layout_height="wrap_content" android:layout_gravity="right" android:paddingRight="5dp" android:text="用户名 :" /> <EditText android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="请输入您的用户名" android:textSize="14dp" /> </LinearLayout> <LinearLayout android:id="@+id/regist_password" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@+id/regist_username" android:layout_centerHorizontal="true" android:layout_marginLeft="10dp" android:layout_marginRight="10dp" android:layout_marginTop="5dp" android:orientation="horizontal" > <TextView android:layout_width="80dp" android:layout_height="wrap_content" android:layout_gravity="right" android:paddingRight="5dp" android:text="密 码 :"/> <EditText android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="请输入您的密码" android:inputType="textPassword" android:textSize="14dp" /> </LinearLayout> <RadioGroup android:id="@+id/radioGroup" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/regist_password" android:layout_marginLeft="30dp" android:contentDescription="性别" android:orientation="horizontal" > <RadioButton android:id="@+id/radioMale" android:layout_width="wrap_content" android:layout_height="wrap_content" android:checked="true" android:text="男" > </RadioButton> <RadioButton android:id="@+id/radioFemale" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="女" /> </RadioGroup> <Button android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/radioGroup" android:layout_centerHorizontal="true" android:layout_marginTop="36dp" android:text="注册" /> </RelativeLayout>
上述代码中,首先定义了一个相对布局(RelativeLayout),这个相对布局包含了两个线性布局(LinearLayout)。第一个线性布局中放置一个 TextView 显示用户名,一个EditText 用于输入用户名。第二个线性布局中同样也放置一个 TextView 和一个 EditText,分别用于显示密码和输入密码。然后放置了两个单选按钮 RadioButton 用于选择性别,最后放置一个 Button 按钮,用于实现注册功能。