標籤:圖片剪裁 拍照 擷取圖庫圖片 intent android
轉載請註明出處:http://blog.csdn.net/allen315410/article/details/39994913
最近從以前的項目中扒下來一個常用的模組,在這裡有必要記錄一下的,就是android上擷取圖片以及裁剪圖片,怎麼樣?這個功能是不是很常用啊,你隨便開啟一個App,只要它有註冊功能都會有設定人物頭像的功能,尤其在內容型的app中更為常見,那麼這些功能是怎麼實現的呢?今天,在這裡就記錄一下好了,防止以後的項目中也會用到,就直接拿來用好了。
1.通過拍照或者圖冊擷取圖片(不需要剪裁)
這種擷取圖片的方式就比較次了,因為不設定圖片的剪裁功能,有可能因為圖片過大,導致OOM,但是這種方式也是有必要講一下的,其擷取圖片的方式有兩種,一是調用系統相機即時拍攝一張圖片,二十開啟裝置上已有的圖庫,在圖庫中選擇一張照片。這兩種方式實現方法都是一個道理,無非就是通過Intent調用系統的東西。下面是源碼,首先是圖片選擇方式的Activity,這個Activity被設定成了Dialog模式,需要進行設定一下。
布局檔案/res/layout/activity_select_photo.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" > <LinearLayout android:id="@+id/dialog_layout" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_marginLeft="10dip" android:layout_marginRight="10dip" android:gravity="center_horizontal" android:orientation="vertical" > <LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:background="@drawable/select_photo_up_bg" android:orientation="vertical" android:paddingBottom="5dp" android:paddingTop="5dp" > <Button android:id="@+id/btn_take_photo" android:layout_width="fill_parent" android:layout_height="35dp" android:background="@drawable/select_photo_bg" android:text="拍照選取" android:textStyle="bold" /> <View android:layout_width="fill_parent" android:layout_height="0.5px" android:background="#828282" /> <Button android:id="@+id/btn_pick_photo" android:layout_width="fill_parent" android:layout_height="35dp" android:layout_marginTop="0dip" android:background="@drawable/select_photo_bg" android:text="相簿選取" android:textStyle="bold" /> </LinearLayout> <Button android:id="@+id/btn_cancel" android:layout_width="fill_parent" android:layout_height="35dp" android:layout_marginTop="20dip" android:background="@drawable/select_photo_bg" android:paddingBottom="5dp" android:paddingTop="5dp" android:text="取消" android:textColor="#ffff0000" android:textStyle="bold" /> </LinearLayout></RelativeLayout>
接著是擷取圖片Activity裡的代碼SelectPhotoActivity:
public class SelectPhotoActivity extends Activity implements OnClickListener {/** 使用照相機拍照擷取圖片 */public static final int SELECT_PIC_BY_TACK_PHOTO = 1;/** 使用相簿中的圖片 */public static final int SELECT_PIC_BY_PICK_PHOTO = 2;/** 開啟相機 */private Button btn_take_photo;/** 開啟圖冊 */private Button btn_pick_photo;/** 取消 */private Button btn_cancel;/** 擷取到的圖片路徑 */private String picPath;private Intent lastIntent;private Uri photoUri;/** 從Intent擷取圖片路徑的KEY */public static final String KEY_PHOTO_PATH = "photo_path";@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_select_photo);btn_take_photo = (Button) findViewById(R.id.btn_take_photo);btn_pick_photo = (Button) findViewById(R.id.btn_pick_photo);btn_cancel = (Button) findViewById(R.id.btn_cancel);lastIntent = getIntent();btn_take_photo.setOnClickListener(this);btn_pick_photo.setOnClickListener(this);btn_cancel.setOnClickListener(this);}@Overridepublic void onClick(View v) {switch (v.getId()) {case R.id.btn_take_photo : // 開啟相機takePhoto();break;case R.id.btn_pick_photo : // 開啟圖冊pickPhoto();break;case R.id.btn_cancel : // 取消操作this.finish();break;default :break;}}/** * 拍照擷取圖片 */private void takePhoto() {// 執行拍照前,應該先判斷SD卡是否存在String SDState = Environment.getExternalStorageState();if (SDState.equals(Environment.MEDIA_MOUNTED)) {Intent intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);// "android.media.action.IMAGE_CAPTURE"/*** * 需要說明一下,以下操作使用照相機拍照,拍照後的圖片會存放在相簿中的 這裡使用的這種方式有一個好處就是擷取的圖片是拍照後的原圖 * 如果不實用ContentValues存放照片路徑的話,拍照後擷取的圖片為縮圖不清晰 */ContentValues values = new ContentValues();photoUri = this.getContentResolver().insert(MediaStore.Images.Media.EXTERNAL_CONTENT_URI, values);intent.putExtra(android.provider.MediaStore.EXTRA_OUTPUT, photoUri);startActivityForResult(intent, SELECT_PIC_BY_TACK_PHOTO);} else {Toast.makeText(getApplicationContext(), "記憶卡不存在",Toast.LENGTH_SHORT).show();}}/*** * 從相簿中取圖片 */private void pickPhoto() {Intent intent = new Intent();intent.setType("image/*");intent.setAction(Intent.ACTION_GET_CONTENT);startActivityForResult(intent, SELECT_PIC_BY_PICK_PHOTO);}@Overridepublic boolean onTouchEvent(MotionEvent event) {finish();return super.onTouchEvent(event);}@Overrideprotected void onActivityResult(int requestCode, int resultCode, Intent data) {if (resultCode == Activity.RESULT_OK) {doPhoto(requestCode, data);}super.onActivityResult(requestCode, resultCode, data);}/** * 選擇圖片後,擷取圖片的路徑 * * @param requestCode * @param data */private void doPhoto(int requestCode, Intent data) {if (requestCode == SELECT_PIC_BY_PICK_PHOTO) {// 從相簿取圖片,有些手機有異常情況,請注意if (data == null) {Toast.makeText(getApplicationContext(), "選擇圖片檔案出錯",Toast.LENGTH_SHORT).show();return;}photoUri = data.getData();if (photoUri == null) {Toast.makeText(getApplicationContext(), "選擇圖片檔案出錯",Toast.LENGTH_SHORT).show();return;}}String[] pojo = {MediaStore.Images.Media.DATA};Cursor cursor = managedQuery(photoUri, pojo, null, null, null);if (cursor != null) {int columnIndex = cursor.getColumnIndexOrThrow(pojo[0]);cursor.moveToFirst();picPath = cursor.getString(columnIndex);cursor.close();}if (picPath != null&& (picPath.endsWith(".png") || picPath.endsWith(".PNG")|| picPath.endsWith(".jpg") || picPath.endsWith(".JPG"))) {lastIntent.putExtra(KEY_PHOTO_PATH, picPath);setResult(Activity.RESULT_OK, lastIntent);finish();} else {Toast.makeText(getApplicationContext(), "選擇圖片檔案不正確",Toast.LENGTH_SHORT).show();}}}因為這Activity是要設定成Dialog模式的,所以需要在資訊清單檔中設定一下style,/res/values/styles.xml裡添加如下:
<!-- 選取照片的Activity的樣式風格,採取對話方塊的風格 --> <style name="AnimBottom" parent="@android:style/Animation"> <item name="android:windowEnterAnimation">@anim/push_bottom_in</item> <item name="android:windowExitAnimation">@anim/push_bottom_out</item> </style> <style name="DialogStyleBottom" parent="android:Theme.Dialog"> <item name="android:windowAnimationStyle">@style/AnimBottom</item> <item name="android:windowFrame">@null</item> <!-- 邊框 --> <item name="android:windowIsFloating">false</item> <!-- 是否浮現在activity之上 --> <item name="android:windowIsTranslucent">true</item> <!-- 半透明 --> <item name="android:windowNoTitle">true</item> <!-- 無標題 --> <item name="android:windowBackground">@android:color/transparent</item> <!-- 背景透明 --> <item name="android:backgroundDimEnabled">true</item> <!-- 模糊 --> </style>
在Activity的節點下,設定這個style:
<activity android:name="com.example.croppictrue.SelectPhotoActivity" android:screenOrientation="portrait" android:theme="@style/DialogStyleBottom" > </activity>
添加許可權:
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
運行效果如下:
2.通過拍照或者圖冊擷取圖片(需要剪裁)
上面第一種方式擷取圖片是沒有經過剪裁的,但是大多項目需求是需要剪裁圖片後再使用,例如修改帳戶圖片等等功能。那麼,下面,就奉上剪裁圖片的代碼吧:
public class CropPictureActivity extends Activity {/** ImageView對象 */private ImageView iv_photo;private String[] items = new String[]{"選擇本地圖片", "拍照"};/** 頭像名稱 */private static final String IMAGE_FILE_NAME = "image.jpg";/** 請求碼 */private static final int IMAGE_REQUEST_CODE = 0;private static final int CAMERA_REQUEST_CODE = 1;private static final int RESULT_REQUEST_CODE = 2;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_crop);iv_photo = (ImageView) findViewById(R.id.iv_photo);iv_photo.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {showDialog();}});}/** * 顯示選擇對話方塊 */private void showDialog() {new AlertDialog.Builder(this).setTitle("設定頭像").setItems(items, new DialogInterface.OnClickListener() {@Overridepublic void onClick(DialogInterface dialog, int which) {switch (which) {case 0 :Intent intentFromGallery = new Intent();intentFromGallery.setType("image/*"); // 設定檔案類型intentFromGallery.setAction(Intent.ACTION_GET_CONTENT);startActivityForResult(intentFromGallery,IMAGE_REQUEST_CODE);break;case 1 :Intent intentFromCapture = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);// 判斷儲存卡是否可以用,可用進行儲存String state = Environment.getExternalStorageState();if (state.equals(Environment.MEDIA_MOUNTED)) {File path = Environment.getExternalStoragePublicDirectory(Environment.DIRECTORY_DCIM);File file = new File(path, IMAGE_FILE_NAME);intentFromCapture.putExtra(MediaStore.EXTRA_OUTPUT,Uri.fromFile(file));}startActivityForResult(intentFromCapture,CAMERA_REQUEST_CODE);break;}}}).setNegativeButton("取消", new DialogInterface.OnClickListener() {@Overridepublic void onClick(DialogInterface dialog, int which) {dialog.dismiss();}}).show();}@Overrideprotected void onActivityResult(int requestCode, int resultCode, Intent data) {// 結果碼不等於取消時候if (resultCode != RESULT_CANCELED) {switch (requestCode) {case IMAGE_REQUEST_CODE :startPhotoZoom(data.getData());break;case CAMERA_REQUEST_CODE :// 判斷儲存卡是否可以用,可用進行儲存String state = Environment.getExternalStorageState();if (state.equals(Environment.MEDIA_MOUNTED)) {File path = Environment.getExternalStoragePublicDirectory(Environment.DIRECTORY_DCIM);File tempFile = new File(path, IMAGE_FILE_NAME);startPhotoZoom(Uri.fromFile(tempFile));} else {Toast.makeText(getApplicationContext(),"未找到儲存卡,無法儲存照片!", Toast.LENGTH_SHORT).show();}break;case RESULT_REQUEST_CODE : // 圖片縮放完成後if (data != null) {getImageToView(data);}break;}}super.onActivityResult(requestCode, resultCode, data);}/** * 裁剪圖片方法實現 * * @param uri */public void startPhotoZoom(Uri uri) {Intent intent = new Intent("com.android.camera.action.CROP");intent.setDataAndType(uri, "image/*");// 設定裁剪intent.putExtra("crop", "true");// aspectX aspectY 是寬高的比例intent.putExtra("aspectX", 1);intent.putExtra("aspectY", 1);// outputX outputY 是裁剪圖片寬高intent.putExtra("outputX", 340);intent.putExtra("outputY", 340);intent.putExtra("return-data", true);startActivityForResult(intent, RESULT_REQUEST_CODE);}/** * 儲存裁剪之後的圖片資料 * * @param picdata */private void getImageToView(Intent data) {Bundle extras = data.getExtras();if (extras != null) {Bitmap photo = extras.getParcelable("data");Drawable drawable = new BitmapDrawable(this.getResources(), photo);iv_photo.setImageDrawable(drawable);}}}:
在這個Activity裡為了簡便處理,我沒有在選擇圖片時候start一個Dialog風格的Activity了,就直接一個普通的對話方塊提示使用者選擇,效果也許。其實實現的原理都比較簡單,實現圖片的剪裁就是發一個Intent請求,調用裝置上所有具有剪裁圖片功能的app去剪裁圖片,我的裝置上除了android系統內建的圖庫以外,還裝有“快圖瀏覽”這個app,這個app也內建一個圖片剪裁的功能,所有當選擇好圖片後,會出現一個選擇提示,使用者可以根據提示選擇到底使用哪個app提供的剪裁功能區剪裁圖片。
以上代碼均在模擬器上測試過,由於模擬器對相機支援的不好,所以就沒有示範開啟相機拍攝圖片了,有興趣的朋友可以先請下載這個Demo的源碼,運行在手機上試試看效果如何,如若疏漏之後,歡迎大家批評指正!
源碼請在這裡下載
android拍照圖片選取與圖片剪裁