Android 拍照、選擇圖片並裁剪

周文凱發表於2016-05-05

轉載請標明出處：
http://blog.csdn.net/xuehuayous/article/details/51324656;
本文出自:【Kevin.zhou的部落格】

前言：前段時間做專案用到了圖片裁剪，呼叫系統裁剪圖片，結果在我的小米3上一直有問題，裁剪介面打不開，在其他裝置上沒問題，於是研究其他軟體是怎麼做的，淘寶的裁剪圖片是自己做的，當然沒問題，京東的是呼叫的系統的也是打不開裁剪介面。但是不知道為什麼會出現這個問題，在其他小米裝置上貌似沒有問題。看來呼叫系統的裁剪圖片還是不靠譜的。

一、實現效果

按照之前部落格的風格，首先看下實現效果。

二、 uCrop專案應用

想起之前看到的Yalantis/uCrop效果比較絢，但是研究原始碼之後發現在定製介面方面還是有一點的限制，於是在它的基礎上做了修改Android-Crop，把定製介面獨立出來，讓使用者去自由設定。下圖為使用Android-Crop實現的模仿微信選擇圖片並裁剪Demo。

三、實現思路

比較簡單的選擇裝置圖片裁剪，並將裁剪後的圖片儲存到指定路徑；
呼叫系統拍照，將拍照圖片儲存在SD卡，然後裁剪圖片並將裁剪後的圖片儲存在指定路徑。

流程圖如下所示：

四、選擇框實現

這裡通過PopupWindow來實現，當然也可以根據需求採用其他方式實現。實現效果如下圖所示：

1. XML佈局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:gravity="center_horizontal"
    android:orientation="vertical">

    <LinearLayout
        android:id="@+id/pop_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:background="#444"
        android:gravity="center_horizontal"
        android:orientation="vertical">

        <Button
            android:id="@+id/picture_selector_take_photo_btn"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dip"
            android:layout_marginRight="10dip"
            android:layout_marginTop="10dp"
            android:background="#4d69ff"
            android:padding="10dp"
            android:text="拍照"
            android:textColor="#CEC9E7"
            android:textSize="18sp"
            android:textStyle="bold" />

        <Button
            android:id="@+id/picture_selector_pick_picture_btn"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dip"
            android:layout_marginRight="10dip"
            android:layout_marginTop="5dp"
            android:background="#4d69ff"
            android:padding="10dp"
            android:text="從相簿選擇"
            android:textColor="#CEC9E7"
            android:textSize="18sp"
            android:textStyle="bold" />

        <Button
            android:id="@+id/picture_selector_cancel_btn"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="15dip"
            android:layout_marginLeft="10dip"
            android:layout_marginRight="10dip"
            android:layout_marginTop="20dp"
            android:background="@android:color/white"
            android:padding="10dp"
            android:text="取消"
            android:textColor="#373447"
            android:textSize="18sp"
            android:textStyle="bold" />
    </LinearLayout>

</RelativeLayout>

2. 程式碼編寫

public SelectPicturePopupWindow(Context context) {
    super(context);
    LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    mMenuView = inflater.inflate(R.layout.layout_picture_selector, null);
    takePhotoBtn = (Button) mMenuView.findViewById(R.id.picture_selector_take_photo_btn);
    pickPictureBtn = (Button) mMenuView.findViewById(R.id.picture_selector_pick_picture_btn);
    cancelBtn = (Button) mMenuView.findViewById(R.id.picture_selector_cancel_btn);
    // 設定按鈕監聽
    takePhotoBtn.setOnClickListener(this);
    pickPictureBtn.setOnClickListener(this);
    cancelBtn.setOnClickListener(this);
}

建立SelectPicturePopupWindow的時候設定按鈕的監聽。這裡編寫一個選擇監聽介面：

/**
 * 選擇監聽介面
 */
public interface OnSelectedListener {
    void OnSelected(View v, int position);
}

回撥的引數為點選的按鈕View以及當前按鈕的索引，那麼只要在選擇監聽裡面返回介面的回撥就可以啦。

@Override
public void onClick(View v) {
    switch (v.getId()) {
        case R.id.picture_selector_take_photo_btn:
            if(null != mOnSelectedListener) {
                mOnSelectedListener.OnSelected(v, 0);
            }
            break;
        case R.id.picture_selector_pick_picture_btn:
            if(null != mOnSelectedListener) {
                mOnSelectedListener.OnSelected(v, 1);
            }
            break;
        case R.id.picture_selector_cancel_btn:
            if(null != mOnSelectedListener) {
                mOnSelectedListener.OnSelected(v, 2);
            }
            break;
    }
}

PopupWindow的初始化建立、監聽設定好之後，只要提供顯示與隱藏兩個方法就可以了。

/**
 * 把一個View控制元件新增到PopupWindow上並且顯示
 *
 * @param activity
 */
public void showPopupWindow(Activity activity) {
    popupWindow = new PopupWindow(mMenuView,    // 新增到popupWindow
    ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
    popupWindow.setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
    popupWindow.showAtLocation(activity.getWindow().getDecorView(), Gravity.CENTER | Gravity.BOTTOM, 0, 0);
    popupWindow.setAnimationStyle(android.R.style.Animation_InputMethod);   // 設定視窗顯示的動畫效果
    popupWindow.setFocusable(false);                                        // 點選其他地方隱藏鍵盤 popupWindow
    popupWindow.update();
}

/**
 * 移除PopupWindow
 */
public void dismissPopupWindow() {
    if (popupWindow != null && popupWindow.isShowing()) {
        popupWindow.dismiss();
        popupWindow = null;
    }
}

OK，到這裡選擇框的實現就完成了。

五、使用選擇框

通過我們上面對選擇框的封裝，使用起來就比較簡單了，只需要初始化及設定選擇的監聽就可以啦。

1.初始化選擇框

mSelectPicturePopupWindow = new SelectPicturePopupWindow(mContext);
mSelectPicturePopupWindow.setOnSelectedListener(this);

2.設定選擇框監聽

@Override
public void OnSelected(View v, int position) {
    switch (position) {
        case 0:
            // TODO: "拍照"按鈕被點選了
            break;
        case 1:
            // TODO: "從相簿選擇"按鈕被點選了
            break;
        case 2:
            // TODO: "取消"按鈕被點選了
            break;
    }
}

然後在Fragment上進行封裝，我們取名為PictureSelectFragment。

六、拍照並儲存圖片

呼叫系統的拍照，並把拍攝的圖片儲存到指定位置。

@Override
public void OnSelected(View v, int position) {
    switch (position) {
        case 0:
            // "拍照"按鈕被點選了
            mSelectPicturePopupWindow.dismissPopupWindow();
            Intent takeIntent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
            //下面這句指定呼叫相機拍照後的照片儲存的路徑
            takeIntent.putExtra(MediaStore.EXTRA_OUTPUT, Uri.fromFile(new File(mTempPhotoPath)));
            startActivityForResult(takeIntent, CAMERA_REQUEST_CODE);
            break;
        case 1:
            // TODO: "從相簿選擇"按鈕被點選了
            break;
        case 2:
            // TODO: "取消"按鈕被點選了
            break;
    }
}

這裡的指定位置為sd卡本目錄下

mTempPhotoPath = Environment.getExternalStorageDirectory() + File.separator + "photo.jpeg";

當拍攝照片完成時會回撥到onActivityResult，我們在這裡處理圖片的裁剪就可以了。

@Override
public void onActivityResult(int requestCode, int resultCode, Intent data) {
    if (resultCode == mActivity.RESULT_OK) {
        switch (requestCode) {
            case CAMERA_REQUEST_CODE:   
                // TODO: 呼叫相機拍照
                break;
        }
    }
    super.onActivityResult(requestCode, resultCode, data);
}

七、相簿選擇圖片

呼叫系統的選擇圖片

@Override
public void OnSelected(View v, int position) {
    switch (position) {
        case 0:
            // "拍照"按鈕被點選了
            mSelectPicturePopupWindow.dismissPopupWindow();
            Intent takeIntent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
            // 下面這句指定呼叫相機拍照後的照片儲存的路徑
            takeIntent.putExtra(MediaStore.EXTRA_OUTPUT, Uri.fromFile(new File(mTempPhotoPath)));
            startActivityForResult(takeIntent, CAMERA_REQUEST_CODE);
            break;
        case 1:
            // "從相簿選擇"按鈕被點選了
            mSelectPicturePopupWindow.dismissPopupWindow();
            Intent pickIntent = new Intent(Intent.ACTION_PICK, null);
            // 如果限制上傳到伺服器的圖片型別時可以直接寫如："image/jpeg 、 image/png等的型別"
            pickIntent.setDataAndType(MediaStore.Images.Media.EXTERNAL_CONTENT_URI, "image/*");
            startActivityForResult(pickIntent, GALLERY_REQUEST_CODE);
            break;
        case 2:
           // TODO: "取消"按鈕被點選了
            break;
    }
}

當拍選擇圖片完成時會回撥到onActivityResult，在這裡處理選擇的返回結果。

@Override
public void onActivityResult(int requestCode, int resultCode, Intent data) {
    if (resultCode == mActivity.RESULT_OK) {
        switch (requestCode) {
            case CAMERA_REQUEST_CODE:
                // TODO: 呼叫相機拍照
                break;
            case GALLERY_REQUEST_CODE:
                // TODO: 直接從相簿獲取
                break;
        }
    }
    super.onActivityResult(requestCode, resultCode, data);
}

八、使用Crop裁剪圖片

裁剪圖片，這裡設定寬高比為1:1，最大尺寸為512*512，當然可以根據自己的需求來設定。

/**
 * 裁剪圖片方法實現
 *
 * @param uri
 */
public void startCropActivity(Uri uri) {
    UCrop.of(uri, mDestinationUri)
            .withAspectRatio(1, 1)
            .withMaxResultSize(512, 512)
            .withTargetActivity(CropActivity.class)
            .start(mActivity, this);
}

CropActiivty裁剪完成時會回撥到onActivityResult，在這裡處理選擇的返回結果。

@Override
public void onActivityResult(int requestCode, int resultCode, Intent data) {
    if (resultCode == mActivity.RESULT_OK) {
        switch (requestCode) {
            case CAMERA_REQUEST_CODE:   // 呼叫相機拍照
                File temp = new File(mTempPhotoPath);
                startCropActivity(Uri.fromFile(temp));
                break;
            case GALLERY_REQUEST_CODE:  // 直接從相簿獲取
                startCropActivity(data.getData());
                break;
            case UCrop.REQUEST_CROP: 
                // TODO: 裁剪圖片結果
                break;
            case UCrop.RESULT_ERROR:
                // TODO: 裁剪圖片錯誤
                break;
        }
    }
    super.onActivityResult(requestCode, resultCode, data);
}

CropActivity的介面如下所示：

1. XML佈局

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:fab="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:clipToPadding="true"
    android:fitsSystemWindows="true">

    <include layout="@layout/toolbar_layout" />

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/toolbar"
        android:background="#000">

        <com.kevin.crop.view.UCropView
            android:id="@+id/weixin_act_ucrop"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:visibility="invisible" />

    </FrameLayout>

    <android.support.design.widget.CoordinatorLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <android.support.design.widget.FloatingActionButton
            android:id="@+id/crop_act_save_fab"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom|right"
            android:layout_margin="@dimen/fab_margin"
            android:src="@mipmap/ic_done_white"
            fab:fabSize="normal" />
    </android.support.design.widget.CoordinatorLayout>


</RelativeLayout>

可以發現非常簡單，只有一個主要的CropView，這就是uCrop框架為我們提供的。

2. 程式碼編寫

@Override
protected void initViews() {
	initToolBar();

	mGestureCropImageView = mUCropView.getCropImageView();
	mOverlayView = mUCropView.getOverlayView();

	// 設定允許縮放
	mGestureCropImageView.setScaleEnabled(true);
	// 設定禁止旋轉
	mGestureCropImageView.setRotateEnabled(false);
	// 設定外部陰影顏色
	mOverlayView.setDimmedColor(Color.parseColor("#AA000000"));
	// 設定周圍陰影是否為橢圓(如果false則為矩形)
	mOverlayView.setOvalDimmedLayer(false);
	// 設定顯示裁剪邊框
	mOverlayView.setShowCropFrame(true);
	// 設定不顯示裁剪網格
	mOverlayView.setShowCropGrid(false);

	final Intent intent = getIntent();
	setImageData(intent);
}

private void setImageData(Intent intent) {
	Uri inputUri = intent.getParcelableExtra(UCrop.EXTRA_INPUT_URI);
	mOutputUri = intent.getParcelableExtra(UCrop.EXTRA_OUTPUT_URI);

	if (inputUri != null && mOutputUri != null) {
		try {
			mGestureCropImageView.setImageUri(inputUri);
		} catch (Exception e) {
			setResultException(e);
			finish();
		}
	} else {
		setResultException(new NullPointerException("Both input and output Uri must be specified"));
		finish();
	}

	// 設定裁剪寬高比
	if (intent.getBooleanExtra(UCrop.EXTRA_ASPECT_RATIO_SET, false)) {
		float aspectRatioX = intent.getFloatExtra(UCrop.EXTRA_ASPECT_RATIO_X, 0);
		float aspectRatioY = intent.getFloatExtra(UCrop.EXTRA_ASPECT_RATIO_Y, 0);

		if (aspectRatioX > 0 && aspectRatioY > 0) {
			mGestureCropImageView.setTargetAspectRatio(aspectRatioX / aspectRatioY);
		} else {
			mGestureCropImageView.setTargetAspectRatio(CropImageView.SOURCE_IMAGE_ASPECT_RATIO);
		}
	}

	// 設定裁剪的最大寬高
	if (intent.getBooleanExtra(UCrop.EXTRA_MAX_SIZE_SET, false)) {
		int maxSizeX = intent.getIntExtra(UCrop.EXTRA_MAX_SIZE_X, 0);
		int maxSizeY = intent.getIntExtra(UCrop.EXTRA_MAX_SIZE_Y, 0);

		if (maxSizeX > 0 && maxSizeY > 0) {
			mGestureCropImageView.setMaxResultImageSizeX(maxSizeX);
			mGestureCropImageView.setMaxResultImageSizeY(maxSizeY);
		} else {
			Log.w(TAG, "EXTRA_MAX_SIZE_X and EXTRA_MAX_SIZE_Y must be greater than 0");
		}
	}
}

以上為CropView的配置，更多配置請參考專案原始碼。

最重要的，裁剪儲存圖片：

private void cropAndSaveImage() {
	OutputStream outputStream = null;
	try {
		final Bitmap croppedBitmap = mGestureCropImageView.cropImage();
		if (croppedBitmap != null) {
			outputStream = getContentResolver().openOutputStream(mOutputUri);
			croppedBitmap.compress(Bitmap.CompressFormat.JPEG, 85, outputStream);
			croppedBitmap.recycle();

			setResultUri(mOutputUri, mGestureCropImageView.getTargetAspectRatio());
			finish();
		} else {
			setResultException(new NullPointerException("CropImageView.cropImage() returned null."));
		}
	} catch (Exception e) {
		setResultException(e);
		finish();
	} finally {
		BitmapLoadUtils.close(outputStream);
	}
}

PictureSelectFragment處理裁剪成功的返回值

/**
 * 處理剪下成功的返回值
 *
 * @param result
 */
private void handleCropResult(Intent result) {
    deleteTempPhotoFile();
    final Uri resultUri = UCrop.getOutput(result);
    if (null != resultUri && null != mOnPictureSelectedListener) {
        Bitmap bitmap = null;
        try {
            bitmap = MediaStore.Images.Media.getBitmap(mActivity.getContentResolver(), resultUri);
        } catch (FileNotFoundException e) {
            e.printStackTrace();
        } catch (IOException e) {
            e.printStackTrace();
        }
        mOnPictureSelectedListener.onPictureSelected(resultUri, bitmap);
    } else {
        Toast.makeText(mContext, "無法剪下選擇圖片", Toast.LENGTH_SHORT).show();
    }
}

處理裁剪失敗的返回值

/**
 * 處理剪下失敗的返回值
 *
 * @param result
 */
private void handleCropError(Intent result) {
    deleteTempPhotoFile();
    final Throwable cropError = UCrop.getError(result);
    if (cropError != null) {
        Log.e(TAG, "handleCropError: ", cropError);
        Toast.makeText(mContext, cropError.getMessage(), Toast.LENGTH_LONG).show();
    } else {
        Toast.makeText(mContext, "無法剪下選擇圖片", Toast.LENGTH_SHORT).show();
    }
}

這裡設定了選擇的回撥介面，便於封裝抽取。

/**
 * 圖片選擇的回撥介面
 */
public interface OnPictureSelectedListener {
    /**
     * 圖片選擇的監聽回撥
     *
     * @param fileUri
     * @param bitmap
     */
    void onPictureSelected(Uri fileUri, Bitmap bitmap);
}

經過五、六、七步驟，我們的PictureSelectFragment就搞定了，在使用的時候只要繼承它，幾行程式碼就搞定了。

九、裁剪樣式

根據不同的配置可以實現裁剪不同樣式，以下為幾種常用的樣式，當然你也可以自己去設定其他樣式。樣式配置修改CropActivity的initCropView();

樣式一

/**
 * 初始化裁剪View
 */
private void initCropView() {
	// 設定允許縮放
	mGestureCropImageView.setScaleEnabled(true);
	// 設定禁止旋轉
	mGestureCropImageView.setRotateEnabled(false);

	// 設定外部陰影顏色
	mOverlayView.setDimmedColor(Color.parseColor("#AA000000"));
	// 設定周圍陰影是否為橢圓(如果false則為矩形)
	mOverlayView.setOvalDimmedLayer(false);
	// 設定顯示裁剪邊框
	mOverlayView.setShowCropFrame(true);
	// 設定不顯示裁剪網格
	mOverlayView.setShowCropGrid(false);

	final Intent intent = getIntent();
	setImageData(intent);
}

樣式二

/**
 * 初始化裁剪View
 */
private void initCropView() {
    // 設定允許縮放
    mGestureCropImageView.setScaleEnabled(true);
    // 設定禁止旋轉
    mGestureCropImageView.setRotateEnabled(false);

    // 設定外部陰影顏色
    mOverlayView.setDimmedColor(Color.parseColor("#AA000000"));
    // 設定周圍陰影是否為橢圓(如果false則為矩形)
    mOverlayView.setOvalDimmedLayer(false);
    // 設定顯示裁剪邊框
    mOverlayView.setShowCropFrame(true);
    // 設定顯示裁剪網格
    mOverlayView.setShowCropGrid(true);
    // 設定裁剪網格的行數
    mOverlayView.setCropGridRowCount(2);
    // 設定裁剪網格的列數
    mOverlayView.setCropGridColumnCount(2);

    final Intent intent = getIntent();
    setImageData(intent);
}

樣式三

/**
 * 初始化裁剪View
 */
private void initCropView() {
    // 設定允許縮放
    mGestureCropImageView.setScaleEnabled(true);
    // 設定禁止旋轉
    mGestureCropImageView.setRotateEnabled(false);

    // 設定外部陰影顏色
    mOverlayView.setDimmedColor(Color.parseColor("#AA000000"));
    // 設定周圍陰影是否為橢圓(如果false則為矩形)
    mOverlayView.setOvalDimmedLayer(true);
    // 設定顯示裁剪邊框
    mOverlayView.setShowCropFrame(true);
    // 設定不顯示裁剪網格
    mOverlayView.setShowCropGrid(false);

    final Intent intent = getIntent();
    setImageData(intent);
}

樣式四

/**
 * 初始化裁剪View
 */
private void initCropView() {
    // 設定允許縮放
    mGestureCropImageView.setScaleEnabled(true);
    // 設定禁止旋轉
    mGestureCropImageView.setRotateEnabled(false);

    // 設定外部陰影顏色
    mOverlayView.setDimmedColor(Color.parseColor("#AA000000"));
    // 設定周圍陰影是否為橢圓(如果false則為矩形)
    mOverlayView.setOvalDimmedLayer(true);
    // 設定不顯示裁剪邊框
    mOverlayView.setShowCropFrame(false);
    // 設定不顯示裁剪網格
    mOverlayView.setShowCropGrid(false);

    final Intent intent = getIntent();
    setImageData(intent);
}

十、PictureSelectFragment使用

// 設定圖片點選監聽
mPictureIv.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        selectPicture();
    }
});

// 設定裁剪圖片結果監聽
setOnPictureSelectedListener(new OnPictureSelectedListener() {
    @Override
    public void onPictureSelected(Uri fileUri, Bitmap bitmap) {
        mPictureIv.setImageBitmap(bitmap);

        String filePath = fileUri.getEncodedPath();
        String imagePath = Uri.decode(filePath);
        Toast.makeText(mContext, "圖片已經儲存到:" + imagePath, Toast.LENGTH_LONG).show();
    }
});

OK，經過我們上面的封裝及基類抽取，在使用的時候還是非常簡單的。

十一、下載傳送門

原始碼及示例

用到的Android-Crop庫

十二、結語

該篇主要講解了在Android客戶端如何裁剪拍照及選擇的圖片，下篇《Android 上傳圖片到JavaWeb伺服器》將詳細說明Android端是如何上傳圖片到JavaWeb伺服器。

微信小程式-拍照或選擇圖片並上傳檔案
2017-07-28
微信小程式
Android上傳圖片之呼叫系統拍照和從相簿選擇圖片
2016-04-13
Android
Android中呼叫攝像頭拍照儲存，並在相簿中選擇圖片顯示
2018-11-12
Android
Android拍照，相簿選擇圖片以及Android6.0許可權管理
2016-10-02
Android
android實現拍照、相簿選圖、裁剪功能，相容7.0以及小米
2018-05-10
Android
android選擇圖片或拍照圖片上傳到伺服器(包括上傳引數)
2014-08-23
Android伺服器
藉助系統自帶圖片裁剪整合圖片選擇以及7.0適配
2017-12-19
Android 從本地選取圖片或者拍照填充ImageView
2014-07-02
AndroidView
Android 圓形頭像相簿和拍照裁剪選取
2019-01-07
Android
呼叫系統檔案管理器選擇圖片，呼叫系統裁剪AIP對圖片處理，顯示裁剪之後的圖片...
2020-04-05
AI
專案需求討論 - WebView下拍照及圖片選擇功能
2018-06-23
WebView
ios裁剪圖片
2017-12-14
iOS
Android 開源圖片裁剪工具、圖片顯示工具分享
2017-11-20
Android
圖片裁剪並上傳到阿里雲oss
2020-12-08
阿里
Android本地圖片上傳(拍照+相簿)
2018-04-04
Android地圖
【譯】如何使用Android MediaStore裁剪大圖片
2013-11-27
AndroidAST
一個強大圖片的選擇、裁剪工具—看這一個就夠用了
2017-08-14
Android圖片（視訊）選擇器：android-media-picker
2015-07-17
Android
Android 超高仿微信圖片選擇器圖片該這麼載入
2015-06-06
Android
android圓形頭像的選擇和剪下並儲存出圓形圖片
2015-03-04
Android
[Java實現] 圖片擇優（選擇最清楚的圖片）
2017-10-03
Java
Android 拍照及相簿選取圖片功能，已適配Android6.0、7.0、8.0
2018-07-05
Android
iOS自定義拍照框拍照&裁剪（一）
2021-10-15
iOS
octobercms 圖片裁剪外掛
2019-01-05
Java 圖片裁剪，擷取
2022-01-28
Java
Web端裁剪圖片方法
2016-01-10
Web
JAVA實現圖片裁剪
2015-07-03
Java
Python批次裁剪圖片
2024-03-27
Python
android圖片裁剪拼接實現（一）：Matrix基本使用
2017-12-21
Android
Android7.0拍照以及使用uCrop裁剪
2017-09-14
Android
Android 仿微信的圖片選擇器ImageSelector的使用
2019-03-01
Android
Android開源專案推薦之【圖片選擇器】
2016-11-29
Android
Android 實現一個仿微信的圖片選擇器
2017-05-15
Android
iOS開發圖片格式選擇
2020-04-06
iOS
Swift相簿選擇和拍照功能
2017-05-05
Swift
android圖片裁剪拼接實現（二）：觸控實現
2019-03-01
Android
Vue圖片裁剪上傳元件
2019-03-27
Vue元件
iOS-圖片水印,圖片裁剪和螢幕截圖
2016-09-23
iOS

Android 拍照、選擇圖片並裁剪

一、 實現效果

二、 uCrop專案應用

三、 實現思路

四、 選擇框實現

1. XML佈局

2. 程式碼編寫

五、使用選擇框

1.初始化選擇框

2.設定選擇框監聽

六、拍照並儲存圖片

七、相簿選擇圖片

八、使用Crop裁剪圖片

1. XML佈局

九、裁剪樣式

十、PictureSelectFragment使用

十一、下載傳送門

十二、結語

相關文章

一、實現效果

三、實現思路

四、選擇框實現