Android教程網
設為首頁|加入收藏
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> 關於Android編程 >> Android 拍照、選擇圖片並裁剪

Android 拍照、選擇圖片並裁剪

編輯：關於Android編程

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

 

一、 實現效果

 

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

 

\\

 

 

二、 uCrop項目應用

 

 

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


 

 

\

 

 

三、 實現思路


比較簡單的選擇設備圖片裁剪，並將裁剪後的圖片保存到指定路徑；
調用系統拍照，將拍照圖片保存在SD卡，然後裁剪圖片並將裁剪後的圖片保存在指定路徑。

四、 選擇框實現


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

 

 

 

\

 

1. XML布局

 

 

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的界面如下所示：

\

 

具體的設計請看源碼，比較簡單，這裡不詳細說明。   處理裁剪成功的返回值

 

 

/**
 * 處理剪切成功的返回值
 *
 * @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就搞定了，在使用的時候只要繼承它，幾行代碼就搞定了。

 

九、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，經過我們上面的封裝及基類抽取，在使用的時候還是非常簡單的。  
  1. 上一頁:
  2. 下一頁:
關於Android編程
Android編程入門Android技術基礎Android資訊關於Android編程Android開發Android開發環境Android開發實例
相關文章
熱門文章
Android圖像處理之GPUImage for Android Android的Widget桌面應用學習 Android開發之日期、時間選擇器（DatePicker和TimePicker）的功能和用法 android 數據庫 sqlite 操作 android ExpandableListView三級菜單的使用 android如何在BaseAdapter內使用notifyDataSetChanged()方法以及線程的使用
Android中AdapterView/Adapter的深度學習

BaseAdapter的深度學習 　　博主工作了幾年，也用了幾
Android實現帶有邊框的ListView和item的方法

本文實例講述了Android實現帶有邊框的ListView和item的方
Android多點觸控技術，實現對圖片的放大縮小平移，慣性滑動等功能

首先推薦一下鴻洋大大的打造個性的圖片預覽與多點觸控視頻教程，這套教程教我
Android編程實現支持拖動改變位置的圖片中疊加文字功能示例

本文實例講述了Android編程實現支持拖動改變位置的圖片中疊加文字功能
閱讀排行版
Copyright © Android教程網 All Rights Reserved