android一個註冊頁面和驗證碼的實現

標籤：驗證碼

先上:

驗證碼採用PHP返回的imageview來實現,xml如下:

<?xml version="1.0" encoding="utf-8"?><ScrollViewxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="fill_parent" android:layout_height="fill_parent"android:background="#f3f3f9"><LinearLayoutandroid:orientation="vertical"android:layout_width="fill_parent" android:layout_height="fill_parent"><RelativeLayoutandroid:layout_width="fill_parent"android:layout_height="wrap_content"android:layout_margin="10dp"><TextViewandroid:id="@+id/tvUsrname"android:text="使用者名稱"android:layout_width="wrap_content"android:layout_height="48dp"android:gravity="center_vertical"android:textColor="@android:color/black"/><EditTextandroid:id="@+id/etUsrname"android:layout_width="fill_parent"android:layout_height="48dp"android:layout_marginLeft="5dp"android:textSize="16sp"android:layout_toRightOf="@id/tvUsrname"android:textColor="@android:color/black"android:selectAllOnFocus="true" /></RelativeLayout><RelativeLayoutandroid:layout_width="fill_parent"android:layout_height="wrap_content"android:layout_margin="10dp"><TextViewandroid:id="@+id/tvPassword"android:text="密碼"android:layout_width="wrap_content"android:layout_height="48dp"android:gravity="center_vertical"android:textColor="@android:color/black"/><EditTextandroid:id="@+id/etPassword"android:layout_width="fill_parent"android:layout_height="48dp"android:layout_marginLeft="5dp"android:layout_toRightOf="@id/tvPassword"android:textSize="16sp"android:password="true"android:textColor="@android:color/black" /></RelativeLayout><RelativeLayoutandroid:layout_width="fill_parent"android:layout_height="wrap_content"android:layout_margin="10dp"><TextViewandroid:id="@+id/tvPasswordConfirm"android:text="密碼確認"android:layout_width="wrap_content"android:layout_height="48dp"android:gravity="center_vertical"android:textColor="@android:color/black"/><EditTextandroid:id="@+id/etPasswordConfirm"android:layout_width="fill_parent"android:layout_height="48dp"android:textSize="16sp"android:layout_toRightOf="@id/tvPasswordConfirm"android:password="true"android:textColor="@android:color/black" /></RelativeLayout><RelativeLayoutandroid:layout_width="fill_parent"android:layout_height="wrap_content"android:layout_margin="10dp"><TextViewandroid:id="@+id/tvNickName"android:text="nickname"android:layout_width="wrap_content"android:layout_height="48dp"android:gravity="center_vertical"android:textColor="@android:color/black"/><EditTextandroid:id="@+id/etNickName"android:layout_width="fill_parent"android:layout_height="48dp"android:layout_marginLeft="5dp"android:maxLines="2"android:textSize="16sp"android:layout_toRightOf="@id/tvNickName"android:textColor="@android:color/black" /></RelativeLayout><RelativeLayoutandroid:layout_width="fill_parent"android:layout_height="wrap_content"android:layout_margin="10dp"><TextView android:id="@+id/tvGender"android:text="sex"        android:textColor="#484848"        android:layout_centerVertical="true"        android:textSize="16dp"        android:layout_width="wrap_content"        android:layout_height="wrap_content"/>    <RadioGroup        android:id="@+id/rgSex"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:layout_marginLeft="5dip"        android:layout_toRightOf="@id/tvGender"        android:layout_marginBottom="10dp"        android:orientation="horizontal" >        <RadioButton            android:id="@+id/rbrgMale"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:textColor="@android:color/black"            android:text="male" />        <RadioButton            android:id="@+id/rbrgFemale"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:textColor="@android:color/black"            android:text="female"            android:layout_marginLeft="50dp" />    </RadioGroup>    </RelativeLayout>        <RelativeLayout    android:layout_width="fill_parent"    android:layout_height="wrap_content">    <ImageView    android:id="@+id/ivAuthPic"    android:src="@drawable/image1"              android:layout_marginLeft="40dp"    android:layout_alignParentLeft="true"    android:layout_centerVertical="true"    android:layout_width="100dp"    android:layout_height="30dp"/>    <Button    android:id="@+id/btnChangeaAuthPic"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:layout_alignParentRight="true"    android:layout_gravity="right"    android:layout_marginRight="10dp"    android:text="看不清"    android:textColor="#000"/>    </RelativeLayout>        <EditTextandroid:id="@+id/etAuthCode"android:layout_width="fill_parent"android:layout_height="48dp"android:layout_margin="10dp"android:inputType="textVisiblePassword"android:textColor="@android:color/black"/>    <Button    android:id="@+id/btnOk"    android:textSize="15sp"    android:textColor="#fff"   android:text="確認"   android:background="@drawable/button_item_selector"   android:layout_gravity="center"   android:layout_height="wrap_content"   android:layout_width="wrap_content"/></LinearLayout></ScrollView>

代碼：

int[] array = new int[]{R.drawable.image1,R.drawable.image2,R.drawable.image3};boolean isMale;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.registerquick);RadioButton rbMale = (RadioButton) findViewById(R.id.rbrgMale);RadioButton rbfMale = (RadioButton) findViewById(R.id.rbrgFemale);rbMale.setOnClickListener(new OnClickListener() {public void onClick(View v) {// TODO Auto-generated method stubisMale = true;}});rbfMale.setOnClickListener(new OnClickListener() {public void onClick(View v) {// TODO Auto-generated method stubisMale = false;}});final ImageView ivAuthPic = (ImageView)findViewById(R.id.ivAuthPic);Button btnChangeaAuthPic = (Button)findViewById(R.id.btnChangeaAuthPic);btnChangeaAuthPic.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {Random d = new Random();int k = Math.abs(d.nextInt()) % 3;ivAuthPic.setImageResource(array[k]);}});}