Android實現(xiàn)帶頭像的用戶注冊頁面

2019-12-12 06:16:41

字體：大中小

供稿：網(wǎng)友

1.首先是注冊頁面的布局：

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="fill_parent"android:layout_height="fill_parent"android:paddingTop="20px"android:orientation="horizontal" ><LinearLayoutandroid:id="@+id/linearLayout1"android:orientation="vertical"android:layout_weight="2"android:paddingLeft="20px"android:layout_width="wrap_content"android:layout_height="wrap_content" ><TableLayoutandroid:id="@+id/tableLayout1"android:layout_width="match_parent"android:layout_height="wrap_content" ><TableRowandroid:id="@+id/tableRow1"android:layout_width="wrap_content"android:layout_height="wrap_content" ><TextViewandroid:id="@+id/textView1"android:textSize="20px"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="用戶名：" /><EditTextandroid:id="@+id/user"android:minWidth="400px"android:layout_width="wrap_content"android:layout_height="wrap_content" /></TableRow><TableRowandroid:id="@+id/tableRow2"android:layout_width="wrap_content"android:layout_height="wrap_content" ><TextViewandroid:id="@+id/textView2"android:textSize="20px"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="密碼：" /><EditTextandroid:id="@+id/pwd"android:inputType="textPassword"android:layout_width="wrap_content"android:layout_height="wrap_content" /></TableRow><TableRowandroid:id="@+id/tableRow3"android:layout_width="wrap_content"android:layout_height="wrap_content" ><TextViewandroid:id="@+id/textView3"android:textSize="20px"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="確認密碼：" /><EditTextandroid:id="@+id/repwd"android:inputType="textPassword"android:layout_width="wrap_content"android:layout_height="wrap_content" /></TableRow><TableRowandroid:id="@+id/tableRow4"android:layout_width="wrap_content"android:layout_height="wrap_content" ><TextViewandroid:id="@+id/textView4"android:textSize="20px"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="E-mail地址：" /><EditTextandroid:id="@+id/email"android:layout_width="wrap_content"android:layout_height="wrap_content" /></TableRow></TableLayout></LinearLayout><LinearLayoutandroid:id="@+id/linearLayout2"android:orientation="vertical"android:gravity="center_horizontal"android:layout_width="wrap_content"android:layout_weight="1"android:layout_height="wrap_content" ><ImageViewandroid:id="@+id/imageView1"android:layout_width="158px"android:layout_height="150px"android:src="@drawable/ic_launcher" /><Buttonandroid:id="@+id/button1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="選擇頭像" /></LinearLayout></LinearLayout>

效果如下圖所示：

2.然后是圖庫的頁面布局，由用戶去選擇圖片，這里我就用windows系統(tǒng)里面的幾張照片：

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent" android:layout_height="match_parent"><GridViewandroid:layout_width="wrap_content"android:layout_height="match_parent"android:id="@+id/gridView"android:numColumns="4" /></LinearLayout>

3.然后我們在注冊頁面的Activity寫入以下代碼：

點擊按鈕跳轉(zhuǎn)到圖庫Activity頁面中：

Button button1=(Button)findViewById(R.id.button1);button1.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {Intent intent = new Intent(MainActivity.this,HeadActivity.class);startActivityForResult(intent,0x11);}});

重寫

@Override onActivityResult方法：protected void onActivityResult(int requestCode,int resultCode,Intent data){super.onActivityResult(requestCode,resultCode,data);if(requestCode==0x11&&requestCode==0x11){Bundle bundle=data.getExtras();int imageId=bundle.getInt("imageId");ImageView imageView=(ImageView)findViewById(R.id.imageView1);imageView.setImageResource(imageId);}}

4.在圖庫Activity里面寫入以下代碼響應(yīng)用戶點擊圖片并通過Intent傳遞給前一個Activity：

GridView gridView=(GridView)findViewById(R.id.gridView);BaseAdapter adapter=new BaseAdapter() {@Overridepublic int getCount() {return imageId.length;}@Overridepublic Object getItem(int position) {return position;}@Overridepublic long getItemId(int position) {return position;}@Overridepublic View getView(int position, View convertView, ViewGroup parent) {ImageView imageView;if(convertView==null){imageView=new ImageView(HeadActivity.this);imageView.setAdjustViewBounds(true);imageView.setMaxHeight(58);imageView.setMaxWidth(50);imageView.setPadding(5,5,5,5);}else{imageView=(ImageView)convertView;}imageView.setImageResource(imageId[position]);return imageView;}};gridView.setAdapter(adapter);gridView.setOnItemClickListener(new AdapterView.OnItemClickListener() {@Overridepublic void onItemClick(AdapterView<?> parent, View view, int position, long id) {Intent intent=getIntent();Bundle bundle=new Bundle();bundle.putInt("imageId",imageId[position]);intent.putExtras(bundle);setResult(0x11,intent);finish();}});

這里主要是重寫getView方法：