Android之注册界面练习

今天要分享的是一个安卓注册小练习，记录一下自己的学习。

做一个注册页面。

要求填入用户如下信息：

　　用户名、密码、确认密码、性别（单选）、爱好（多选，包括至少六个选项，如音乐、美术、阅读、篮球等）、email。

　　当点击取消按钮，所有填过的内容（除了单选框之外）都清空，点击确认按钮，在下面一个文本框内显示上面的信息，如“XXX先生/女士（根据性别），您的密码是123456，您的爱好有音乐、篮球、美术，您的email是abc@163.com”。

1.activity_main.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:paddingBottom="@dimen/activity_vertical_margin"
     android:paddingLeft="@dimen/activity_horizontal_margin"
     android:paddingRight="@dimen/activity_horizontal_margin"
     android:paddingTop="@dimen/activity_vertical_margin"
     tools:context="com.example.demo3.MainActivity" >

     <TextView

         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_marginTop="6dp"
         android:layout_marginLeft="80dp"
         android:textSize="25sp"
         android:text="注册页面" />

     <!--输入框-->
     <TextView
            android:id="@+id/EditText1"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_marginTop="50dp"
         android:layout_marginLeft="0dp"
         android:textSize="20sp"
         android:text="用户名：" />
     <TextView
            android:id="@+id/EditText2"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_marginTop="100dp"
         android:layout_marginLeft="0dp"
         android:textSize="20sp"
         android:text="密    码：" />
     <TextView
            android:id="@+id/EditText3"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_marginTop="150dp"
         android:layout_marginLeft="0dp"
         android:textSize="20sp"
         android:text="密    码：" />

     <EditText
         android:id="@+id/username"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:layout_marginTop="50dp"
         android:layout_marginLeft="70dp"
         android:inputType="text"
         android:hint="请输入您的用户名"
         android:selectAllOnFocus="true"
         android:singleLine="true"
         android:textColorHint="#95A1AA" />
     <EditText
         android:id="@+id/password"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:layout_marginTop="100dp"
         android:layout_marginLeft="70dp"
         android:inputType="textPassword"
         android:hint="请输入您的密码"
         android:selectAllOnFocus="true"
         android:textColorHint="#95A1AA" />
     <EditText
         android:id="@+id/password2"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:layout_marginTop="150dp"
         android:layout_marginLeft="70dp"
         android:inputType="textPassword"
         android:hint="请再次输入您的密码"
         android:selectAllOnFocus="true"
         android:textColorHint="#95A1AA" />

       <!-- 性别 -->
       <TextView
             android:id="@+id/rb_name_tv"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_marginTop="200dp"
             android:text="性    别："
             android:textSize="20sp" />

         <!-- 第一个内嵌布局中的第三个控件为RadioGroup，用于包裹一组单选按钮 -->
         <RadioGroup
             android:id="@+id/radio_group"
             android:layout_width="fill_parent"
             android:layout_height="fill_parent"
             android:layout_marginLeft="70dp"
             android:layout_marginTop="200dp"

             android:orientation="horizontal">
             <!-- RadioGroup中第一个单选按钮，用于显示单选框 -->
             <RadioButton
                 android:id="@+id/rb1"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:text="男"
                 android:textSize="18sp" >
             </RadioButton>
             <!-- RadioGroup中第二个单选按钮，用于显示单选框 -->
             <RadioButton
                 android:id="@+id/rb2"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:text="女"
                 android:textSize="18sp" >
             </RadioButton>
         </RadioGroup>
         <!-- 爱好 -->
         <!-- 第二个内嵌布局中的第一个控件为TextView，用于显示文本信息 -->
         <TextView
             android:id="@+id/cb_name_tv"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_marginTop="250dp"
             android:text="爱    好："
             android:textSize="20sp" />

     <!-- 第二个内嵌布局中的第三个控件为CheckBox，用于显示复选框 -->
         <CheckBox
             android:id="@+id/check_box1"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_marginTop="250dp"
             android:layout_marginLeft="0dp"
             android:layout_toRightOf="@+id/cb_name_tv"
             android:text="篮球"
             android:textSize="18sp" />
         <CheckBox
             android:id="@+id/check_box2"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_alignBaseline="@+id/check_box1"
             android:layout_marginLeft="0dp"
             android:layout_toRightOf="@+id/check_box1"
             android:text="音乐"
             android:textSize="18sp" />

         <CheckBox
             android:id="@+id/check_box3"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_alignBaseline="@+id/check_box2"
             android:layout_marginLeft="0dp"
             android:layout_toRightOf="@+id/check_box2"
             android:text="游戏"
             android:textSize="18sp" />
         <CheckBox
             android:id="@+id/check_box4"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_below="@+id/check_box1"
             android:layout_toRightOf="@+id/cb_name_tv"
             android:text="编程"
             android:textSize="18sp" />
        <CheckBox
             android:id="@+id/check_box5"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_alignBaseline="@+id/check_box4"
             android:layout_below="@+id/check_box2"
             android:layout_toRightOf="@+id/check_box4"
             android:layout_marginLeft="0dp"
             android:text="看书"
             android:textSize="18sp" />
        <CheckBox
             android:id="@+id/check_box6"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_alignBaseline="@+id/check_box4"
             android:layout_below="@+id/check_box2"
             android:layout_toRightOf="@+id/check_box5"
             android:layout_marginLeft="0dp"
             android:text="吃饭"
             android:textSize="18sp" />

        <TextView
            android:id="@+id/EditText3"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_marginTop="320dp"
         android:layout_marginLeft="0dp"
         android:textSize="20sp"
         android:text="邮    箱：" />
        <EditText
         android:id="@+id/Email"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:layout_marginTop="320dp"
         android:layout_marginLeft="70dp"
         android:inputType="text"
         android:hint="如mwf1998@qq.com"
         android:selectAllOnFocus="true"
         android:singleLine="true"
         android:textColorHint="#95A1AA" />

        <Button
         android:id="@+id/btnOk"
         android:layout_width="wrap_content"
         android:layout_marginTop="390dp"
         android:layout_marginLeft="80dp"
         android:layout_height="40dp"
         android:padding="5dp"
         android:text="OK"
         android:onClick="pressOk"/>

       <Button
         android:id="@+id/btnCancel"
         android:layout_width="wrap_content"
         android:layout_marginTop="390dp"
         android:layout_marginLeft="200dp"
         android:layout_height="40dp"
         android:padding="5dp"
         android:text="Cancel"
         android:onClick="pressCancel"/>

       <!-- TextView，用于显示文本信息 -->
         <TextView
             android:id="@+id/tb_tv"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_marginTop="430dp"
             android:layout_marginLeft="10dp"
             android:text=""
             android:textSize="25sp" />

 </RelativeLayout>

2.Mainactivity.java代码如下所示:

 package com.example.android_text8;

 import android.os.Bundle;

 import java.util.ArrayList;
 import java.util.List;

 import android.app.Activity;
 import android.view.Menu;
 import android.view.View;
 import android.view.View.OnClickListener;
 import android.widget.Button;
 import android.widget.CheckBox;
 import android.widget.CompoundButton;
 import android.widget.EditText;
 import android.widget.RadioButton;
 import android.widget.TextView;
 import android.widget.Toast;

 public class MainActivity extends Activity {
     private EditText username,password,password2,Email;
     String user = null;
     String pwd = null;
     String mail = null;
     String pwd2 = null;
     private Button ok =null;
     private Button cancel=null;
     private RadioButton rb1;
     private RadioButton rb2;
     private CheckBox CheckBox1;
     private CheckBox CheckBox2;
     private CheckBox CheckBox3;
     private CheckBox CheckBox4;
     private CheckBox CheckBox5;
     private CheckBox CheckBox6;
     private TextView tb_tv;
     private List<RadioButton> radioButtonList = new ArrayList<RadioButton>();
     private List<CheckBox> checkBoxList = new ArrayList<CheckBox>();
     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);
         initViews();//初始化变量

     }

     private void initViews() {

         rb1 = (RadioButton) findViewById(R.id.rb1);
         rb2 = (RadioButton) findViewById(R.id.rb2);

         CheckBox1 = (CheckBox) findViewById(R.id.check_box1);
         CheckBox2 = (CheckBox) findViewById(R.id.check_box2);
         CheckBox3 = (CheckBox) findViewById(R.id.check_box3);
         CheckBox4 = (CheckBox) findViewById(R.id.check_box4);
         CheckBox5 = (CheckBox) findViewById(R.id.check_box5);
         CheckBox6 = (CheckBox) findViewById(R.id.check_box6);

         tb_tv = (TextView) findViewById(R.id.tb_tv);

         radioButtonList.add(rb1);
         radioButtonList.add(rb2);

         checkBoxList.add(CheckBox1);
         checkBoxList.add(CheckBox2);
         checkBoxList.add(CheckBox3);
         checkBoxList.add(CheckBox4);
         checkBoxList.add(CheckBox5);
         checkBoxList.add(CheckBox6);

         ok = (Button) findViewById(R.id.btnOk);
         cancel = (Button) findViewById(R.id.btnCancel);

         //OK点击事件监听；
         ok.setOnClickListener(new OnClickListener() {

             public void onClick(View v) {
                 username = (EditText) findViewById(R.id.username);
                 user = username.getText().toString();
                 password = (EditText) findViewById(R.id.password);
                 pwd  = password.getText().toString();
                 password2 = (EditText) findViewById(R.id.password2);
                 pwd2  = password2.getText().toString();
                 Email = (EditText) findViewById(R.id.Email);
                 mail  = Email.getText().toString();

                 // TODO Auto-generated method stub

                 StringBuffer cb = new StringBuffer();
                 StringBuffer rb = new StringBuffer();

                 for (RadioButton radioButton : radioButtonList) {
                     if (radioButton.isChecked()) {
                         rb.append(radioButton.getText().toString() + "");
                     }
                 }
                 for (CheckBox checkbox : checkBoxList) {
                     if (checkbox.isChecked()) {
                         cb.append(checkbox.getText().toString() + "、");
                     }
                 }

                 if ((user == null) && (pwd!= pwd2) && cb.toString() == null ) {
                     Toast.makeText(getApplicationContext(), "注册失败！输入的密码不一致或者您没有勾选爱好！", 3000).show();
                 } else {

                     tb_tv.setText("        "+user+"先生/女士"+"，您的密码是："+pwd+ "，您的性别是："+rb.toString()+"，您的爱好是："+cb.toString()+"，您的Email邮箱是："+mail);
                 }
                 Toast.makeText(getApplicationContext(), "注册成功", 3000).show();

             }
         });

         //cancel点击事件监听；
         cancel.setOnClickListener(new OnClickListener() {

             public void onClick(View v) {
                     username.setText("");
                     password.setText("");
                     password2.setText("");
                     Email.setText("");

                     Toast.makeText(getApplicationContext(), "清除用户信息", 2000).show();

             }
         });
     }

     @Override
     public boolean onCreateOptionsMenu(Menu menu) {
         // Inflate the menu; this adds items to the action bar if it is present.
         getMenuInflater().inflate(R.menu.main, menu);
         return true;
     }

 }    

3.完成效果图

PS：如果有做的不好的地方，欢迎交流指正。