안 드 로 이 드 는 사진 을 찍 고 그림 을 선택 하 며 그림 을 자 르 는 기능 을 실현 한다.

1.사진 찍 기,사진 선택 및 사진 재단 효과 실현
이전 블 로그 스타일 에 따라 먼저 실현 효 과 를 살 펴 보 자.
     

2.uCrop 프로젝트 응용
이전에 본 Yalantis/uCrop 의 효과 가 비교적 현란 하 다 는 것 을 생각 했 지만 소스 코드 를 연구 한 결과 맞 춤 형 인터페이스 에 약간의 제한 이 있다 는 것 을 알 게 되 었 다.그래서 이 를 바탕 으로 Android-Crop 을 수정 하여 맞 춤 형 인터페이스 를 독립 시 켜 사용자 가 자 유 롭 게 설정 하도록 했다.다음 그림 은 안 드 로 이 드-크레용 으로 구현 되 는 모방 위 챗 으로 그림 을 선택 하고 Demo 를 재단 하 는 것 이다.

3.사고 방향 실현
장치 그림 재단 을 간단하게 선택 하고 재단 한 그림 을 지정 한 경로 에 저장 합 니 다.
시스템 사진 을 호출 하여 사진 을 SD 카드 에 저장 한 다음 그림 을 재단 하고 재단 한 그림 을 지정 한 경로 에 저장 합 니 다.
흐름 도 는 다음 과 같다.

4.선택 상자 구현
이곳 은 팝 윈도 우 를 통 해 이 루어 지 며,물론 수요 에 따라 다른 방식 으로 이 루어 질 수도 있다.실현 효 과 는 다음 그림 과 같다.

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); 
} 
SelectPicture PopupWindow 를 만 들 때 단추 의 감청 을 설정 합 니 다.선택 감청 인 터 페 이 스 를 만 듭 니 다:

/** 
 *        
 */ 
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,여기까지 선택 상자 의 실현 이 완료 되 었 습 니 다.
5.선택 상자 사용
선택 상자 에 대한 패 키 지 를 통 해 사용 하기 가 간단 합 니 다.선택 한 감청 을 초기 화하 고 설정 하면 됩 니 다.
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 라 고 이름 을 지 었 습 니 다.
6.사진 을 찍 고 사진 을 저장 합 니 다.
시스템 의 사진 을 호출 하고 촬영 한 사진 을 지 정 된 위치 에 저장 합 니 다.

@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"; 
사진 이 완성 되면 onActivity Result 로 되 돌아 갑 니 다.우 리 는 여기에서 그림 의 재단 을 처리 하면 됩 니 다.

@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); 
} 
7.앨범 선택 그림
시스템 선택 그림 호출

@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; 
 } 
} 
선택 한 그림 을 찍 을 때 onActivity Result 로 되 돌아 가 선택 한 결 과 를 처리 합 니 다.

@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); 
} 
8.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); 
} 
CropActivity 재단 이 완료 되면 onActivity Result 로 되 돌아 가 선택 한 결 과 를 처리 합 니 다.

@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); 
} 
5,6,7 절 차 를 거 쳐 우리 의 PictureSelectFragment 는 해결 되 었 고 사용 할 때 그것 을 계승 하기 만 하면 몇 줄 의 코드 가 해결 된다.
9.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,우리 위의 포장 및 기본 추출 을 통 해 사용 할 때 매우 간단 합 니 다.
10.다운로드
소스 코드 및 예시
사용 하 는 Android-Crop 라 이브 러 리
더 많은 내용 은 여러분 이 주 제 를 참고 하여 학습 할 수 있 습 니 다<안 드 로 이 드 이미지 처리>
이상 은 본 고의 모든 내용 입 니 다.여러분 이 안 드 로 이 드 소프트웨어 프로 그래 밍 을 배 우 는 데 도움 이 되 기 를 바 랍 니 다.

좋은 웹페이지 즐겨찾기