Android⽤户注册界⾯简单设计
本⽂实例为⼤家分享了Android⽤户注册界⾯的设计，供⼤家参考，具体内容如下
I. 实例⽬标
设计⼀个⽤户注册界⾯，在其中要使⽤到⼀些基础控件，如⽂本框、编辑框、按钮、复选框等控件
II. 技术分析
⾸先在布局⽂件中使⽤控件的标记来配置所需要的各个控件，然后在主Activity中获取到该控件，给其添加来监听其操作，最后在控制台输出所操作的内容。
III. 实现步骤
在Eclipse中创建 Android项⽬，名称为 TestUserRegister 。设计⼀个⽤户注册界⾯，在其中要使⽤到⽂本框、编辑框、按钮、单选按钮、复选框、列表选择框、列表视图、图⽚视图等控件。
（1）在项⽬ res ⽬录下的 drawable_ldpi ⽂件夹中，放⼊两张名称分别为 logo5.jpg 和 background3.jpg 的图⽚，⽤于作为显⽰的 logo 图⽚和背景图⽚。
（2）在项⽬的res/values ⽬录中新建数组资源⽂件 l ，在该⽂件中添加两个字符串数组，名称分别为 type 和 care，代码如下
<?xml version="1.0" encoding="utf-8"?>
<resources>
<string-array name = "type">
<item>学⽣</item>
<item>⽼师</item>
<item>⽩领</item>
<item>⼯程师</item>
<item>其他</item>
</string-array>
<string-array name = "care">
<item>1.保护⽤户个⼈信息</item>
<item>2.⽤户在本⽹站上不得发布违法信息</item>
<item>3.保护个⼈账号和密码安全</item>
<item>4.本⽹站所有权和解释权归本⽹站拥有</item>
</string-array>
</resources>
（3）在项⽬的res/layout ⽬录下修改 activity _l ⽂件，⾸先将界⾯整体布局改为表格布局，并设置背景，之后添加⼀个图像视图作为 logo 图像显⽰，代码如下：
<TableLayout xmlns:android="schemas.android/apk/res/android"
xmlns:tools="schemas.android/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:background="@drawable/background3">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/logo5"
android:id="@+id/imageView02"
android:layout_margin="5dp"
android:adjustViewBounds="true"
android:maxWidth="75dp"
android:maxHeight="60dp"/>
</TableLayout>
上述代码中，android:adjustViewBounds 属性⽤于设置 ImageView 是否调整⾃⼰的边界来保持所需显⽰图⽚的长度变化，为 true 时表⽰调整⾃⼰的边界来保持所需显⽰图⽚的长度变化； android:maxWidth 和 android:maxHeight 分别表⽰ ImageView 的最⼤宽度和最⼤⾼度。
（4）添加三个 TableRow 表格⾏，并在其中添加 3 个⽂本框(TextView) 和编辑框控件(EditText) ,⽤来显⽰和填写⽤户名、密码和确认密码。具体代码如下：
<TableRow>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="⽤户名："
android:layout_marginLeft="5dp"/>
<EditText
android:layout_width="250dp"
android:layout_height="wrap_content"
android:hint="请输⼊⽤户名"
android:id="@+id/editText01"
android:singleLine="true"
android:inputType="textPersonName"/>
</TableRow>
<TableRow>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="密码："
android:layout_marginLeft="5dp"/>
<EditText
android:layout_width="250dp"
android:layout_height="wrap_content"
android:hint="请输⼊密码"
android:id="@+id/editText02"
android:singleLine="true"
android:inputType="textPassword"/>
</TableRow>
<TableRow>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="确认密码："
android:layout_marginLeft="5dp"/>
<EditText
android:layout_width="250dp"
android:layout_height="wrap_content"
android:hint="请输⼊密码"
android:id="@+id/editText03"
android:singleLine="true"
android:inputType="textPassword"/>
</TableRow>
在上述代码中，EditText 控件中的 android:singleLine = “true” 表⽰单⾏输⼊⽂本， android:inputType=”textPersonName” 表⽰输⼊类型为⽤户名。android:inputType=”textPassword” 表⽰输⼊的内容为密码，将⽤ “ . ” 代替输⼊的内容，避免密码泄露。
（5）添加⼀个线性布局，在其中添加⼀个⽂本框控件(TextView)和⼀个单选按钮组(RadioGroup) , 其中在单选按钮组中添加两个单选按钮控件，其中线性布局的 android:orientation 属性设置为 “horizontal”，具体代码如下
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_marginTop="10dp">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="5dp"
android:layout_gravity="center_vertical"
android:text="请选择您的性别" />
<RadioGroup
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:id="@+id/sex">
<RadioButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="男"
android:id="@+id/radioButton1"/>
<RadioButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="⼥"
android:id="@+id/radioButton2"/>
</RadioGroup>
</LinearLayout>
（6）添加⼀个线性布局，在其中添加⼀个⽂本框(TextView) 和⼀个列表选择框控件(Spinner)，线性布局的 android:orientation 属性设置为“horizontal” ，其中列表选择框的 android:entries 属性为 “@array/type”，代码如下
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_marginTop="10dp">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="请选择您的⾝份"
eclipse androidandroid:layout_marginLeft="5dp"/>
<Spinner
android:entries="@array/type"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/spinner"/>
</LinearLayout>
（7）添加⼀个⽂本框控件(TextView) 、列表视图控件(ListView) 、复选框控件(CheckBox) 和⼀个普通按钮控件(Button) ，代码如下
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="服务条款"
android:textSize="27sp"
android:gravity="center_horizontal"/>
<ListView
android:id="@+id/listView"
android:entries="@array/care"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
<CheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/checkBox"
android:text="我同意上述条款"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/reg"
android:text="注册"
android:gravity="center_horizontal"
android:visibility="invisible"/>
上述代码中，TextView控件的 android:gravity=”center_horizontal” 表⽰⽂本框控件在屏幕中⽔平放置；普通按钮中的 android:visibility 属性表⽰该控件是否可见，在这⾥设置的是不可见。
（8）l⽂件完整代码
<TableLayout xmlns:android="schemas.android/apk/res/android"
xmlns:tools="schemas.android/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:background="@drawable/background3">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/logo5"
android:id="@+id/imageView02"
android:layout_margin="5dp"
android:adjustViewBounds="true"
android:maxWidth="75dp"
android:maxHeight="60dp"/>
<TableRow>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="⽤户名："
android:layout_marginLeft="5dp"/>
<EditText
android:layout_width="250dp"
android:layout_height="wrap_content"
android:hint="请输⼊⽤户名"
android:id="@+id/editText01"
android:singleLine="true"
android:inputType="textPersonName"/>
</TableRow>
<TableRow>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="密码："
android:layout_marginLeft="5dp"/>
<EditText
android:layout_width="250dp"
android:layout_height="wrap_content"
android:hint="请输⼊密码"
android:id="@+id/editText02"
android:singleLine="true"
</TableRow>
<TableRow>
<TextView
android:layout_width="wrap_content"  android:layout_height="wrap_content"  android:text="确认密码："
android:layout_marginLeft="5dp"/>
<EditText
android:layout_width="250dp"
android:layout_height="wrap_content"  android:hint="请输⼊密码"
android:id="@+id/editText03"
android:singleLine="true"
android:inputType="textPassword"/> </TableRow>
<LinearLayout
android:layout_width="match_parent"  android:layout_height="wrap_content"  android:orientation="horizontal"
android:layout_marginTop="10dp">
<TextView
android:layout_width="wrap_content"  android:layout_height="wrap_content"  android:layout_marginLeft="5dp"
android:layout_gravity="center_vertical"  android:text="请选择您的性别" />
<RadioGroup
android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:orientation="horizontal"
android:id="@+id/sex">
<RadioButton
android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:text="男"
android:id="@+id/radioButton1"/>
<RadioButton
android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:text="⼥"
android:id="@+id/radioButton2"/>
</RadioGroup>
</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"  android:layout_height="wrap_content"  android:orientation="horizontal"
android:layout_marginTop="10dp">
<TextView
android:layout_width="wrap_content"  android:layout_height="wrap_content"  android:text="请选择您的⾝份"
android:layout_marginLeft="5dp"/>
<Spinner
android:entries="@array/type"
android:layout_width="wrap_content"  android:layout_height="wrap_content"  android:id="@+id/spinner"/>
</LinearLayout>
<TextView
android:layout_width="wrap_content"  android:layout_height="wrap_content"  android:text="服务条款"
android:textSize="27sp"
android:gravity="center_horizontal"/> <ListView
android:id="@+id/listView"
android:entries="@array/care"
android:layout_width="wrap_content"  android:layout_height="wrap_content"/> <CheckBox
android:layout_width="wrap_content"
android:id="@+id/checkBox"
android:text="我同意上述条款"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/reg"
android:text="注册"
android:gravity="center_horizontal"
android:visibility="invisible"/>
</TableLayout>
（9）在MainActivity.java ⽂件中，获取到复选框控件、普通按钮控件、单选按钮组控件和列表选择框控件，并为它们添加，代码如下import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemSelectedListener;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.CompoundButton.OnCheckedChangeListener;
import android.widget.EditText;
import android.widget.ListView;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.Spinner;
import android.app.Activity;
public class MainActivity extends Activity {
private Button reg = null;
private int location = -1;
private Spinner spinner = null;
private CheckBox checkBox = null;
private EditText editText01 = null ;
private EditText editText02 = null;
private EditText editText03 = null;
private RadioButton radio =null ;
private ListView listView = null;
private RadioGroup sex;
protected void onCreate(Bundle savedInstanceState) {
setContentView(R.layout.activity_main);
//到关⼼的控件
reg = (Button) findViewById();
spinner = (Spinner) findViewById(R.id.spinner);
checkBox = (CheckBox) findViewById(R.id.checkBox);
editText01 = (EditText) findViewById(R.id.editText01);
editText02 = (EditText) findViewById(R.id.editText02);
editText03 = (EditText) findViewById(R.id.editText03);
listView = (ListView) findViewById(R.id.listView);
sex = (RadioGroup) findViewById(R.id.sex);
ArrayAdapter<CharSequence> adapter = ateFromResource(this, R.array.care, android.R.layout.simple_spinner_item);
listView.setAdapter(adapter);//适配器与列表视图关联
//为复选框控件添加
checkBox.setOnCheckedChangeListener(new checkBoxOnCheckedChangeListener ());
sex.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
public void onCheckedChanged(RadioGroup group, int checkedId) {
radio = (RadioButton) findViewById(checkedId);
}
});
spinner.setOnItemSelectedListener(new spinnerOnItemSelectedListener());
reg.setOnClickListener(new regOnClickListener());
}
class regOnClickListener implements OnClickListener{

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。