1. 程式人生 > >【Android開發經驗】設定使用者頭像並裁剪,僅僅是這麼簡單?

【Android開發經驗】設定使用者頭像並裁剪,僅僅是這麼簡單?

    在做APP的時候,如果有使用者系統功能,那麼一般都逃不了這個需求,就是給使用者設定頭像,而設定頭像,又包括從拍照和從相簿選取兩個方式,而且選擇了之後,一般又都會要求對影象進行裁剪,讓使用者設定頭像。今天這篇文章就是介紹如何完成這個需求的。

    我們首先分析一下需求。關於拍照和從相簿選取,都可以向系統傳送特定的Intent,喚起對應的系統程式,然後在onActivityResult裡面,獲取我們的資料即可。關於影象裁剪,有兩種方式,一種是自己處理,比如利用第三方的開源專案,如Cropper(https://github.com/edmodo/cropper),來完成我們的需求,另外一種,我們可以直接利用系統提供的裁剪功能,實現影象的裁剪。

    在程式碼實現之前,我們先理理思路。如果是從相簿獲取的照片,在onActivityResult裡面,我們可以獲取到兩種形式的資料,一種是Bitmap,一種是uri。如果Bitmap物件太大的話,可能就直接把我們的程式搞崩了,所以如果相簿中的圖片都是300px以下的圖片,使用bitmap的方式是允許的,也是安全的,但是這在我們的手機裡面也是基本不可能的。所以,我推薦無論大小都直接使用uri方式,因為獲取到uri之後,就相當於拿到了圖片的指標,想幹嘛就幹嘛~

    對於直接在相簿獲取圖片來說,並不會出現太多的問題,但是如果你想使用拍照的圖片進行處理的話,可能就麻煩一些。使用Intent呼叫起拍照APP之後,我們在onActivityResult裡面也可以獲取到bitmap或者是uri,這取決於我們在intent中設定了什麼標誌。但是,如果你直接獲取拍照返回的Bitmap的話,可能並不是你想得到的結果,有可能返回的不是原圖,而是模糊的縮圖,這是Android系統為了減少記憶體使用所做的策略,但是我們拿著這張縮圖是沒法直接用的,所以,從拍照獲取圖片的時候,我們也應該使用uri的方式。

    好了,無論使用哪種方式,我們都獲取到了所要處理的圖片的uri,那麼之後呢?當前是把這個uri作為資料使用Intent傳送到進行裁剪的Activity裡面,然後裁剪完成之後,在onActivityResult裡面,把裁剪之後的bitmap物件設定給ImageView,然後儲存起來,上傳到伺服器即可。

    瞭解了整個流程之後,我們就可以開始寫程式碼了。

    如果想喚起相簿,有兩種方式,一種是Intent.ACTION_PICK,還有一種是Intent.ACTION_GET_CONTENT,程式碼如下,這兩種方式都可以獲取到圖片的uri資料

//方式1,直接開啟相簿,只能選擇相簿的圖片
						Intent i = new Intent(Intent.ACTION_PICK,
								MediaStore.Images.Media.EXTERNAL_CONTENT_URI);
						//方式2,會先讓使用者選擇接收到該請求的APP,可以從檔案系統直接選取圖片
						Intent intent = new Intent(Intent.ACTION_GET_CONTENT,
								MediaStore.Images.Media.EXTERNAL_CONTENT_URI);
						intent.setType("image/*");
						startActivityForResult(intent, PICK_FROM_FILE);

    如果我們想從拍照獲取,那麼我們就可以使用下面的方式,先用一個file物件建立一個uri,然後繫結起來,這樣拍照成功,返回之後,我們就可以根據uri獲取到照片了,而且在file的路徑儲存了拍照的結果,下面是程式碼實現
Intent intent = new Intent(
								MediaStore.ACTION_IMAGE_CAPTURE);
						imgUri = Uri.fromFile(new File(Environment
								.getExternalStorageDirectory(), "avatar_"
								+ String.valueOf(System.currentTimeMillis())
								+ ".png"));
						intent.putExtra(MediaStore.EXTRA_OUTPUT, imgUri);
						startActivityForResult(intent, PICK_FROM_CAMERA);

    ok,獲取到uri之後,我們應該怎麼辦呢?當前是再開啟裁剪介面啦~

    開啟裁剪介面的Intent是Intent intent = new Intent("com.android.camera.action.CROP");

    intent中得這些引數含義請參考下圖

附加選項	資料型別	描述
crop	String	傳送裁剪訊號
aspectX	int	X方向上的比例
aspectY	int	Y方向上的比例
outputX	int	裁剪區的寬
outputY	int	裁剪區的高
scale	boolean	是否保留比例
return-data	boolean	是否將資料保留在Bitmap中返回
data	Parcelable	相應的Bitmap資料
circleCrop	String	圓形裁剪區域?
MediaStore.EXTRA_OUTPUT ("output")	URI	將URI指向相應的file:///...,詳見程式碼示例

    比較重要的是MediaStore.EXTRA_OUTPUT和return-data這兩個選項。
    如果你將return-data設定為“true”,你將會獲得一個與內部資料關聯的Action,並且bitmap以此方式返回:(Bitmap)extras.getParcelable("data")。注意:如果你最終要獲取的圖片非常大,那麼此方法會給你帶來麻煩,所以你要控制outputX和outputY保持在較小的尺寸。 

    如果你將return-data設定為“false”,那麼在onActivityResult的Intent資料中你將不會接收到任何Bitmap,相反,你需要將MediaStore.EXTRA_OUTPUT關聯到一個Uri,此Uri是用來存放Bitmap的。 

    瞭解了這些之後,我們再看下面的程式碼應該就很清楚了。

private void doCrop() {

		final ArrayList<CropOption> cropOptions = new ArrayList<CropOption>();
		Intent intent = new Intent("com.android.camera.action.CROP");
		intent.setType("image/*");
		List<ResolveInfo> list = getPackageManager().queryIntentActivities(
				intent, 0);
		int size = list.size();

		if (size == 0) {
			Toast.makeText(this, "can't find crop app", Toast.LENGTH_SHORT)
					.show();
			return;
		} else {
			intent.setData(imgUri);
			intent.putExtra("outputX", 300);
			intent.putExtra("outputY", 300);
			intent.putExtra("aspectX", 1);
			intent.putExtra("aspectY", 1);
			intent.putExtra("scale", true);
			intent.putExtra("return-data", true);

			// only one
			if (size == 1) {
				Intent i = new Intent(intent);
				ResolveInfo res = list.get(0);
				i.setComponent(new ComponentName(res.activityInfo.packageName,
						res.activityInfo.name));
				startActivityForResult(i, CROP_FROM_CAMERA);
			} else {
				// many crop app
				for (ResolveInfo res : list) {
					final CropOption co = new CropOption();
					co.title = getPackageManager().getApplicationLabel(
							res.activityInfo.applicationInfo);
					co.icon = getPackageManager().getApplicationIcon(
							res.activityInfo.applicationInfo);
					co.appIntent = new Intent(intent);
					co.appIntent
							.setComponent(new ComponentName(
									res.activityInfo.packageName,
									res.activityInfo.name));
					cropOptions.add(co);
				}

				CropOptionAdapter adapter = new CropOptionAdapter(
						getApplicationContext(), cropOptions);

				AlertDialog.Builder builder = new AlertDialog.Builder(this);
				builder.setTitle("choose a app");
				builder.setAdapter(adapter,
						new DialogInterface.OnClickListener() {
							public void onClick(DialogInterface dialog, int item) {
								startActivityForResult(
										cropOptions.get(item).appIntent,
										CROP_FROM_CAMERA);
							}
						});

				builder.setOnCancelListener(new DialogInterface.OnCancelListener() {
					@Override
					public void onCancel(DialogInterface dialog) {

						if (imgUri != null) {
							getContentResolver().delete(imgUri, null, null);
							imgUri = null;
						}
					}
				});

				AlertDialog alert = builder.create();
				alert.show();
			}
		}
	}

    上面的這些程式碼,很大的一部分在處理有多個可以接受裁剪intent請求的APP上面,如果你只想用預設的第一個APP,那麼這些邏輯你可以刪除。

    在說完這些東西之後,我們在onActivityResult裡面可以這樣處理:

@Override
	protected void onActivityResult(int requestCode, int resultCode, Intent data) {

		if (resultCode != RESULT_OK) {
			return;
		}
		switch (requestCode) {
		case PICK_FROM_CAMERA:
			doCrop();
			break;
		case PICK_FROM_FILE:
			imgUri = data.getData();
			doCrop();
			break;
		case CROP_FROM_CAMERA:
			if (null != data) {
				setCropImg(data);
			}
			break;
		}
	}

    不管從哪裡選,都需要進入裁剪,然後裁剪結束之後,我們呼叫setCropImg(),把裁剪之後的結果設定給ImageView就可以了,如下
private void setCropImg(Intent picdata) {
		Bundle bundle = picdata.getExtras();
		if (null != bundle) {
			Bitmap mBitmap = bundle.getParcelable("data");
			mImageView.setImageBitmap(mBitmap);
			saveBitmap(Environment.getExternalStorageDirectory() + "/crop_"
					+ System.currentTimeMillis() + ".png", mBitmap);
		}
	}

    saveBitmap是幹嘛的?當然是把裁剪之後的Bitmap存起來了!就像下面這樣
public void saveBitmap(String fileName, Bitmap mBitmap) {
		File f = new File(fileName);
		FileOutputStream fOut = null;
		try {
			f.createNewFile();
			fOut = new FileOutputStream(f);
			mBitmap.compress(Bitmap.CompressFormat.PNG, 100, fOut);
			fOut.flush();
		} catch (Exception e) {
			e.printStackTrace();
		} finally {
			try {
				fOut.close();
				Toast.makeText(this, "save success", Toast.LENGTH_SHORT).show();
			} catch (IOException e) {
				e.printStackTrace();
			}
		}

	}

    好了,現在存起來了,就可以上傳到伺服器,完工~

    記得加許可權

<uses-permissionandroid:name="android.permission.WRITE_EXTERNAL_STORAGE"/>

<uses-permissionandroid:name="android.permission.WRITE_SETTINGS"/> 

參考文章: