当前位置: 开发笔记 > 运维 > 正文

Android实现拍照、选择图片并裁剪图片功能

作者：多米音乐_34249295 | 来源：互联网 | 2022-03-04 10:21

这篇文章主要为大家详细介绍了Android实现拍照、选择图片并裁剪图片功能的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

一、实现拍照、选择图片并裁剪图片效果

按照之前博客的风格，首先看下实现效果。

二、 uCrop项目应用

想起之前看到的Yalantis/uCrop效果比较绚，但是研究源码之后发现在定制界面方面还是有一点的限制，于是在它的基础上做了修改Android-Crop，把定制界面独立出来，让用户去自由设置。下图为使用Android-Crop实现的模仿微信选择图片并裁剪Demo。

三、实现思路

比较简单的选择设备图片裁剪，并将裁剪后的图片保存到指定路径；

调用系统拍照，将拍照图片保存在SD卡，然后裁剪图片并将裁剪后的图片保存在指定路径。
流程图如下所示：

四、选择框实现
这里通过PopupWindow来实现，当然也可以根据需求采用其他方式实现。实现效果如下图所示：

1. XML布局

<&＃63;xml version="1.0" encoding="utf-8"&＃63;>

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布局

可以发现非常简单，只有一个主要的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就搞定了，在使用的时候只要继承它，几行代码就搞定了。

九、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软件编程有所帮助。

推荐阅读

shell
使用Xshell通过SSH协议远程连接Ubuntu系统

本文介绍如何通过SSH协议使用Xshell远程连接到Ubuntu系统。为了实现这一目标，需要确保Ubuntu系统已安装并配置好SSH服务器，并保证网络连通性。 ... [详细]

蜡笔小新 2024-12-25 16:29:11
dns
优化局域网SSH连接延迟问题的解决方案

本文介绍了解决局域网内SSH连接到服务器时出现长时间等待问题的方法。通过调整配置和优化网络设置，可以显著缩短SSH连接的时间。 ... [详细]

蜡笔小新 2024-12-25 11:31:48
dns
国内BI工具迎战国际巨头Tableau，稳步崛起

尽管商业智能（BI）工具在中国的普及程度尚不及国际市场，但近年来，随着本土企业的持续创新和市场推广，国内主流BI工具正逐渐崭露头角。面对国际品牌如Tableau的强大竞争，国内BI工具通过不断优化产品和技术，赢得了越来越多用户的认可。 ... [详细]

蜡笔小新 2024-12-28 11:12:44
dns
深入理解Cookie与Session会话管理

本文详细介绍了如何通过HTTP响应和请求处理浏览器的Cookie信息，以及如何创建、设置和管理Cookie。同时探讨了会话跟踪技术中的Session机制，解释其原理及应用场景。 ... [详细]

蜡笔小新 2024-12-27 18:20:43
debian
解决微信电脑版无法刷朋友圈问题：使用安卓远程投屏方案

在工作期间想要浏览微信和朋友圈却不太方便？虽然微信电脑版目前不支持直接刷朋友圈，但通过远程投屏技术，可以轻松实现在电脑上操作安卓设备的功能。 ... [详细]

蜡笔小新 2024-12-26 15:23:19
sudo
从零开始构建完整手机站：Vue CLI 3 实战指南（第一部分）

本系列教程将引导您使用 Vue CLI 3 构建一个功能齐全的移动应用。我们将深入探讨项目中涉及的每一个知识点，并确保这些内容与实际工作中的需求紧密结合。 ... [详细]

蜡笔小新 2024-12-26 13:30:37
service
解决JAX-WS动态客户端工厂弃用问题并迁移到XFire

在处理Java项目中的JAR包冲突时，我们遇到了JaxWsDynamicClientFactory被弃用的问题，并成功将其迁移到org.codehaus.xfire.client。本文详细介绍了这一过程及解决方案。 ... [详细]

蜡笔小新 2024-12-25 18:48:34
nginx
PHP编程语言及其在股市中的应用

本文将深入探讨PHP编程语言的基本概念，并解释PHP概念股的含义。通过详细解析，帮助读者理解PHP在Web开发和股票市场中的重要性。 ... [详细]

蜡笔小新 2024-12-25 15:02:45
service
Tomcat配置80端口时常见问题及解决方案

本文探讨了在Windows Server 2008环境下配置Tomcat使用80端口时遇到的问题，包括端口被占用、多项目访问失败等，并提供详细的解决方法和配置建议。 ... [详细]

蜡笔小新 2024-12-24 19:21:28
unix
深入解析网络存储技术

本文详细介绍了网络存储技术的基本概念、分类及应用场景。通过分析直连式存储（DAS）、网络附加存储（NAS）和存储区域网络（SAN）的特点，帮助读者理解不同存储方式的优势与局限性。 ... [详细]

蜡笔小新 2024-12-24 10:38:34
unix
深入理解HTML基础语法

本文详细介绍超文本标记语言（HTML）的基本概念与语法结构。HTML是构建网页的核心语言，通过标记标签描述页面内容，帮助开发者创建结构化、语义化的Web页面。 ... [详细]

蜡笔小新 2024-12-24 08:21:49
service
Java面试题解析

本文详细介绍了Java编程语言中的核心概念和常见面试问题，包括集合类、数据结构、线程处理、Java虚拟机（JVM）、HTTP协议以及Git操作等方面的内容。通过深入分析每个主题，帮助读者更好地理解Java的关键特性和最佳实践。 ... [详细]

蜡笔小新 2024-12-27 13:55:14
port
RecyclerView初步学习(一)

RecyclerView初步学习(一)ReCyclerView提供了一种插件式的编程模式，除了提供ViewHolder缓存模式，还可以自定义动画，分割符，布局样式，相比于传统的ListVi ... [详细]

蜡笔小新 2024-12-26 20:24:01
unix
基于KVM的SRIOV直通配置及性能测试

SRIOV介绍、VF直通配置，以及包转发率性能测试小慢哥的原创文章，欢迎转载目录?1.SRIOV介绍?2.环境说明?3.开启SRIOV?4.生成VF?5.VF ... [详细]

蜡笔小新 2024-12-25 19:26:39
server
掌握Java EE的全面指南

探讨如何真正掌握Java EE，包括所需技能、工具和实践经验。资深软件教学总监李刚分享了对毕业生简历中常见问题的看法，并提供了详尽的标准。 ... [详细]

蜡笔小新 2024-12-25 13:38:29

多米音乐_34249295

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章