Android 頭像選擇功能實戰

陳明明發表於2018-01-26
Android

一、圖片選擇

1.1 目標

  1. 實現如圖所示功能:能夠出現相簿和相機選項
  2. 能夠對選擇的圖片進行裁剪

圖片選擇

1.2 功能實現

1.2.1 Intent工具類封裝

封裝圖片選擇和圖片裁剪的工具類

    /**
     * 選擇圖片（從相簿或相機）
     * @param uri 相機儲存uri
     * @return
     */
    public static Intent getPhotoSelectIntent(Uri uri){
        Intent take = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
        take.addCategory(Intent.CATEGORY_DEFAULT);
        take.putExtra(MediaStore.EXTRA_OUTPUT, uri);
        Intent pics = new Intent(Intent.ACTION_PICK, MediaStore.Images.Media.EXTERNAL_CONTENT_URI);
        Intent chose= Intent.createChooser(pics,"選擇圖片");
        chose.putExtra(Intent.EXTRA_INITIAL_INTENTS, new Parcelable[]{take});
        return chose;
    }

    /**
     * 圖片裁剪
     * @param inputUri 需要裁剪的圖片
     * @param outputUri 裁剪後儲存位置
     * @param width 裁剪寬度
     * @param height 裁剪高度
     * @return
     */
    public static Intent getImageCropIntent(Uri inputUri, Uri outputUri, int width, int height) {
        Intent intent = new Intent("com.android.camera.action.CROP");
        intent.setDataAndType(inputUri, "image/*");
        // 下面這個crop=true是設定在開啟的Intent中設定顯示的VIEW可裁剪
        intent.putExtra("crop", "true");
        intent.putExtra("scale", true); // 去黑邊
        intent.putExtra("scaleUpIfNeeded", true); // 去黑邊
        // aspectX aspectY 裁剪框寬高比例
        intent.putExtra("aspectX", width); // 輸出是X方向的比例
        intent.putExtra("aspectY", height);
        // outputX outputY 輸出圖片寬高，切忌不要再改動下列數字，會卡死
        intent.putExtra("outputX", width); // 輸出X方向的畫素
        intent.putExtra("outputY", height);
        intent.putExtra("outputFormat", Bitmap.CompressFormat.JPEG.toString());
        intent.putExtra("noFaceDetection", true);
        intent.putExtra(MediaStore.EXTRA_OUTPUT, outputUri);
        intent.putExtra("return-data", false); // 設定為不返回資料
        return intent;
    }
複製程式碼

1.2.2 新增點選圖片選擇事件

b.ivAvatar.setOnClickListener {
            mTakePhotoFile = File(getPicPath() + File.separator + System.currentTimeMillis() + ".jpeg")
            val uri = Uri.fromFile(mTakePhotoFile)
            startActivityForResult(IntentUtils.getPhotoSelectIntent( uri), TAKE_PHOTO_REQ)
        }
複製程式碼

1.2.3 處理圖片選擇和裁剪反饋

圖片裁剪所需的Uri類似：content:// 的形式，因此需要封裝一個獲取content Uri的工具類

public static Uri getContentUri(Context context, File file) {
        String filePath = file.getAbsolutePath();
        Cursor cursor = context.getContentResolver().query(
                MediaStore.Images.Media.EXTERNAL_CONTENT_URI,
                new String[] { MediaStore.Images.Media._ID },
                MediaStore.Images.Media.DATA + "=? ",
                new String[] { filePath }, null);
        if (cursor != null && cursor.moveToFirst()) {
            int id = cursor.getInt(cursor
                    .getColumnIndex(MediaStore.MediaColumns._ID));
            Uri baseUri = Uri.parse("content://media/external/images/media");
            return Uri.withAppendedPath(baseUri, "" + id);
        } else {
            if (file.exists()) {
                ContentValues values = new ContentValues();
                values.put(MediaStore.Images.Media.DATA, filePath);
                return context.getContentResolver().insert(
                        MediaStore.Images.Media.EXTERNAL_CONTENT_URI, values);
            } else {
                return null;
            }
        }
    }
複製程式碼

處理反饋結果

override fun onActivityResult(requestCode: Int, resultCode: Int, data: Intent?) {
        super.onActivityResult(requestCode, resultCode, data)
        if(resultCode != -1) {
            return
        }
        when (requestCode) {
            TAKE_PHOTO_REQ -> {
                // 處理圖片選擇結果
                mCutPhotoFile = File(getPicPath() + File.separator + "avatar_" + System.currentTimeMillis() + "jpeg")
                val cutUri = Uri.fromFile(mCutPhotoFile)
                if (data != null){
                    startActivityForResult(IntentUtils.getImageCropIntent(data.data, cutUri, 200, 200), CUT_PHOTO_REQ)
                } else {
                    val uri = UriUtils.getContentUri(applicationContext, mTakePhotoFile)
                    startActivityForResult(IntentUtils.getImageCropIntent(uri, cutUri, 200, 200), CUT_PHOTO_REQ)
                }
            }
            CUT_PHOTO_REQ -> {
                // 處理圖片裁剪結果
            }
        }
    }
複製程式碼

1.2.4 Android 7.0適配

1. res/xml/provider_paths.xml 路徑自行更換

<paths xmlns:android="http://schemas.android.com/apk/res/android">
    <external-path path="Android/data/com/example/sunmoon/images" name="sdcard_files" />
    <external-files-path   path="Android/data/com/example/sunmoon/images" name="camera_has_sdcard"/>
    <files-path path="Android/data/com/example/sunmoon/other"     name="camera_no_sdcard"/>
    <external-path path="Android/data/com/example/sunmoon" name="files_root" />
    <external-path path="." name="external_storage_root" />
</paths>
複製程式碼

2. manifests配置 包名自行更換

...
<application>
        <provider
            android:name="android.support.v4.content.FileProvider"
            android:authorities="com.example.sunmoon.provider"
            android:exported="false"
            android:grantUriPermissions="true">
            <meta-data
                android:name="android.support.FILE_PROVIDER_PATHS"
                android:resource="@xml/provider_paths"/>
        </provider>
   ...
</application>
...
複製程式碼

相關文章