您的位置:首页 > 移动开发 > Android开发

android一个注册页面和验证码的实现

2014-08-01 19:22 453 查看
先上效果图:



验证码采用PHP返回的imageview来实现,xml如下:

<?xml version="1.0" encoding="utf-8"?>
<ScrollView
	xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="fill_parent" 
	android:layout_height="fill_parent"
	android:background="#f3f3f9">
	<LinearLayout
		android:orientation="vertical"
		android:layout_width="fill_parent" 
		android:layout_height="fill_parent">
		<RelativeLayout
			android:layout_width="fill_parent"
			android:layout_height="wrap_content"
			android:layout_margin="10dp">
			<TextView
				android:id="@+id/tvUsrname"
				android:text="用户名"
				android:layout_width="wrap_content"
				android:layout_height="48dp"
				android:gravity="center_vertical"
				android:textColor="@android:color/black"/>
			<EditText
				android: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>
		<RelativeLayout
			android:layout_width="fill_parent"
			android:layout_height="wrap_content"
			android:layout_margin="10dp">
			<TextView
				android:id="@+id/tvPassword"
				android:text="密码"
				android:layout_width="wrap_content"
				android:layout_height="48dp"
				android:gravity="center_vertical"
				android:textColor="@android:color/black"/>
			<EditText
				android: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>
		<RelativeLayout
			android:layout_width="fill_parent"
			android:layout_height="wrap_content"
			android:layout_margin="10dp">
			<TextView
				android:id="@+id/tvPasswordConfirm"
				android:text="密码确认"
				android:layout_width="wrap_content"
				android:layout_height="48dp"
				android:gravity="center_vertical"
				android:textColor="@android:color/black"/>
			<EditText
				android: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>
		
		<RelativeLayout
			android:layout_width="fill_parent"
			android:layout_height="wrap_content"
			android:layout_margin="10dp">
			<TextView
				android:id="@+id/tvNickName"
				android:text="nickname"
				android:layout_width="wrap_content"
				android:layout_height="48dp"
				android:gravity="center_vertical"
				android:textColor="@android:color/black"/>
			<EditText
				android: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>
		<RelativeLayout
			android: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>
    
    <EditText
		android: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;
	
	@Override
	protected 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 stub
				isMale = true;
			}

		});
		rbfMale.setOnClickListener(new OnClickListener() {

			public void onClick(View v) {
				// TODO Auto-generated method stub
				isMale = false;
			}

		});
		final ImageView ivAuthPic = (ImageView)findViewById(R.id.ivAuthPic);
		Button btnChangeaAuthPic = (Button)findViewById(R.id.btnChangeaAuthPic);
		btnChangeaAuthPic.setOnClickListener(new View.OnClickListener() {
			
			@Override
			public void onClick(View v) {
				Random d = new Random();
				int k = Math.abs(d.nextInt()) % 3;
				ivAuthPic.setImageResource(array[k]);
				
				
			}
		});
	}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: