热门标签 | HotTags
当前位置:  开发笔记 > Android > 正文

Android图片裁剪功能实现代码

这篇文章主要为大家详细介绍了Android图片裁剪功能实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

在Android应用中,图片裁剪也是一个经常用到的功能。Android系统中可以用隐式意图调用系统应用进行裁剪,但是这样做在不同的手机可能表现出不同的效果,甚至在某些奇葩手机上还会出其他更奇怪的问题,所以调用系统功能进行图片裁剪在很多时候对我们来说并不是一个好的选择。这时候就需要我们自己去实现这种裁剪功能了。

功能分析

要完成图片裁剪的功能,我们需要先知道图片裁剪的功能有哪些。图片裁剪之前,我们需要有一个框指示我们需要裁剪的样式合大小。图片显示出来后大小和位置可能并不是我们所期望的,所以我们还需要对图片进行移动、缩放等操作。确定好位置和大小后,我们需要真正的对图片进行裁剪,并将裁剪的图片存起来以供使用。也就是说需要实现图片裁剪的功能细分后如下:

1、显示指示框
2、图片移动和缩放
3、图片裁剪并保存

最终效果展示如下:

功能实现

显示指示框

要实现显示一个如上图一样的指示框有很多方法,这里实现的方式是用自定义的Drawable作为View的背景,然后将这个View覆盖在原图片上作为指示框。为了在一定程度上满足更多的要求,我们让指示框可设置为矩形也可设置为圆形,阴影区域的颜色也可设置。
要绘制出作为指示的图层,我们可以将它拆分成两半,变成两个封闭的Path进行绘制,也可以先绘制出半透明的覆盖层,然后在中间裁剪一个洞。显然,要考虑到这个洞的形状大小并不是固定的,裁剪的方式比拆分成两个封闭的Path要简单多了。
Canvas的canvas.clipPath(Path, Region.Op);方法,可以对Canvas进行裁剪,可以很容易得到这样的指示框。然而Canvas的clipPath裁剪出来的曲线图形会有锯齿,我多番尝试都没能去掉锯齿,所以不得不放弃这个方法。继而利用paint的paint.setXfermode(new PorterDuffXfermode(mode))方法来实现这个效果。
Android 4.4的Path增加了裁剪功能,我们可以直接用Path的path.op(Path, Path.Op)方法将Path裁剪成我们需要的形状再进行绘制,这种方式效率更高。

指示框Drawable的核心代码如下:

@Override
public void draw(@NonNull Canvas canvas) {
 int cWidth=canvas.getWidth();
 int cHeight=canvas.getHeight();
 if(rect==null){
 rect=new Rect(cWidth/2-width/2,cHeight/2-height/2,cWidth/2+width/2,cHeight/2+height/2);
 }
 canvas.drawColor(Color.TRANSPARENT);
 Path path=new Path();
 path.addRect(0,0,cWidth,cHeight, Path.Direction.CW);
 cropPath=new Path();
 if(shape==SHAPE_RECT){
 cropPath.addRect(rect.left,rect.top,rect.right,rect.bottom, Path.Direction.CW);
 }else if(shape==SHAPE_CIRCLE){
 cropPath.addCircle(rect.centerX(),rect.centerY(),rect.width()/2, Path.Direction.CW);
 }
 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
 //可以抗锯齿
 path.op(cropPath, Path.Op.DIFFERENCE); 
 canvas.drawPath(path,paint);
 }else{
 //此方法可以去掉锯齿
 //在这里saveLayer然后restoreToCount的操作不能少,否则不会得到想要的效果
 int layerId = canvas.saveLayer(0, 0, cWidth, cHeight, null, Canvas.ALL_SAVE_FLAG);
 canvas.drawPath(path,paint);
 //已经绘制的可以看做为目标图
 paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));
 canvas.drawPath(cropPath,paint);
 paint.setXfermode(null);
 canvas.restoreToCount(layerId);
 //裁剪的方式会有锯齿,没找到方法去掉锯齿
 //canvas.clipPath(opPath, Region.Op.DIFFERENCE);
 //canvas.drawRect(0,0,cWidth,cHeight,paint);
 }
}

图片移动和缩放

图片的移动和缩放功能,在预览看大图的时候也会用到,在进行图片裁剪时,我们需要对图片的移动和缩放范围进行限定,禁止图片操作完成后出现超出指示框(根据需求也有在操作过程中就不允许超出指示框的情况)。ImageView有一个ImageView.setImageMatrix(Matrix)方法,可以直接设置图片的变换矩阵。所以我们也可以利用这个方法,结合ImageView的OnTouchListener监听,来做图片的移动和缩放处理。
移动缩放核心代码如下:

@Override
public boolean onTouch(View v, MotionEvent event) {

 if(v!=null&&((ImageView) v).getDrawable()!=null){
 ImageView view = (ImageView) v;
 Rect rect=view.getDrawable().getBounds();
 //事件处理
 switch (event.getAction() & MotionEvent.ACTION_MASK) {
 //一个手指按下时,标记为移动模式
 case MotionEvent.ACTION_DOWN:
 matrix.set(view.getImageMatrix());
 savedMatrix.set(matrix);
 start.set(event.getX(), event.getY());
 mode = DRAG;
 break;
 //第二个手指按下时,标记为缩放模式
 case MotionEvent.ACTION_POINTER_DOWN:
 oldDist = distance(event);
 if (oldDist > 10f) {
  savedMatrix.set(matrix);
  midPoint(mid, event);
  mode = ZOOM;
 }
 break;
 case MotionEvent.ACTION_UP:
 case MotionEvent.ACTION_POINTER_UP:
 checkMatrix(rect);
 mode = NONE;
 break;
 //手指移动时,根据当前是移动模式还是缩放模式做相应处理
 case MotionEvent.ACTION_MOVE:
 if (mode == DRAG) {
  matrix.set(savedMatrix);
  matrix.postTranslate(event.getX() - start.x, event.getY()
  - start.y);
 } else if (mode == ZOOM) {
  float newDist = distance(event);
  if (newDist > 10f) {
  matrix.set(savedMatrix);
  float scale = newDist / oldDist;
  matrix.postScale(scale, scale, mid.x, mid.y);
  }
 }
 break;
 }
 view.setImageMatrix(matrix);
 }
 return true;
}

当手指抬起时,我们需要对图片当前状态进行判断,避免在限定范围中存在无图片区域:

private void checkMatrix(Rect rect){
 if(limit==null&&cropPath!=null){
 limit=cropPath.limit();
 }
 if(limit!=null){
 if(mode==ZOOM){
 matrix.getValues(values);
 if(rect.width()*values[0]=limit.left){
 matrix.postTranslate(limit.left-values[2],0);
 }
 matrix.getValues(values);
 if(values[2]+rect.width()*values[0]limit.top){
 matrix.postTranslate(0,limit.top-values[5]);
 }
 matrix.getValues(values);
 if(values[5]+rect.height()*values[4]

裁剪和保存

将图片缩放移动操作到我们预期的大小和位置后,我们就可以将出现在指示框内的区域裁剪出来了。我们有两种方式,将这个区域裁剪出来,一种是对原图进行裁剪,另外一种是对ImageView展示出来的图片进行裁剪。当原图过大或者图片是网络图片等情况时,对原图裁剪并不是我们所期望的,而且相对直接对ImageView展示的内容进行裁剪,对原图进行裁剪还需要我们去计算我们所期望的区域在原图上的位置。所以我们还是直接对ImageView展示出来的图片进行裁剪,然后得到裁剪结果比较方便。当然,如果这个裁剪本来就是希望对原图进行处理的话,那就只能裁剪原图了。

View有View.getDrawingCache()的方法,可以得到当前View展示的内容,它返回一个Bitmap。需要注意的是,在使用View.getDrawingCache()前,我们需要调用View.setDrawingCacheEnabled(true)来开启绘制缓存,否则无法得到当前的View所展示的内容。使用完毕后,再调用View.setDrawingCacheEnabled(false)关闭绘制缓存,否则下次调用View.getDrawingCache()时,得到的是之前的内容。。

裁剪的核心代码:

public Bitmap crop(){
 if(imageView!=null&&cropPath!=null){
 if(limit==null){
 limit=cropPath.limit();
 }
 Paint paint=new Paint();
 paint.setAntiAlias(true);
 imageView.setDrawingCacheEnabled(true);
 Bitmap bmp=Bitmap.createBitmap(limit.width(),limit.height(), Bitmap.Config.ARGB_8888);
 Canvas canvas=new Canvas(bmp);
 canvas.drawColor(Color.TRANSPARENT);
 int lId=canvas.saveLayer(0,0,limit.width(),limit.height(),null,Canvas.ALL_SAVE_FLAG);
 Path path=new Path();
 path.addPath(cropPath.path(),-limit.left,-limit.top);
 canvas.drawPath(path,paint);
 paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
 canvas.drawBitmap(imageView.getDrawingCache(),-limit.left,-limit.top,paint);
 paint.setXfermode(null);
 canvas.restoreToCount(lId);
 imageView.setDrawingCacheEnabled(false);
 return bmp;
 }
 return null;
}

裁剪后,将结果保存到指定目录:

public String cropAndSave(String path) throws IOException {
 Bitmap bmp=crop();
 if(bmp==null)return null;
 File file=new File(path);
 if(!file.getParentFile().exists()){
 boolean b=file.mkdirs();
 if(!b)return null;
 }
 if(file.exists()){
 boolean c=file.delete();
 if(!c)return null;
 }
 FileOutputStream fos=new FileOutputStream(file);
 bmp.compress(Bitmap.CompressFormat.PNG,100,fos);
 fos.flush();
 fos.close();
 bmp.recycle();
 return file.getAbsolutePath();
}

源码

博客中代码片段的完整类,以代码段的形式放在了CSDN代码笔记中,有需要的朋友自行建立工程使用相关类。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


推荐阅读
  • 在探讨如何高效处理大规模数据报表的分页展示之前,首先需要明确导致报表加载缓慢的主要原因。通常情况下,这主要是由于两个方面:一是查询条件过于宽泛,使得数据库返回的结果集包含数百万甚至更多的记录;二是前端渲染性能不足,无法高效处理大量数据。为了优化这一过程,可以从以下几个方面入手:优化查询条件,减少不必要的数据返回;采用分页查询技术,每次仅加载所需的数据;利用缓存机制,减少对数据库的频繁访问;提升前端渲染效率,使用虚拟滚动等技术提高用户体验。 ... [详细]
  • 在基于.NET框架的分层架构实践中,为了实现各层之间的松散耦合,本文详细探讨了依赖注入(DI)和控制反转(IoC)容器的设计与实现。通过合理的依赖管理和对象创建,确保了各层之间的单向调用关系,从而提高了系统的可维护性和扩展性。此外,文章还介绍了几种常见的IoC容器实现方式及其应用场景,为开发者提供了实用的参考。 ... [详细]
  • MongoVUE基础操作指南:轻松上手数据库管理
    本文介绍了MongoVUE的基础操作,旨在帮助用户轻松掌握数据库管理技巧。MongoVUE是一款功能强大的MongoDB客户端工具,虽然需要注册,但其用户友好的界面和丰富的功能使其成为许多开发者的首选。文中详细解释了安装步骤、基本配置以及常见操作方法,并对一些常见的问题进行了修正和补充,确保用户能够快速上手并高效使用MongoVUE进行数据库管理。 ... [详细]
  • 本文提供了在Windows系统上部署和启动MySQL免安装版本的详细步骤。首先,从MySQL官方网站下载社区版免安装包(https://dev.mysql.com/downloads/mysql/8.0.html),将其解压至指定目录,例如D:\tools\mysql。接着,配置系统环境变量,确保MySQL命令行工具可以在任意路径下使用。此外,还需创建并配置my.ini文件以设置MySQL的基本参数,确保数据库服务能够顺利启动和运行。 ... [详细]
  • 深入解析Netty:基础理论与IO模型概述
    深入解析Netty:基础理论与IO模型概述 ... [详细]
  • 在并发编程中,`as-if-serial`原则确保了即使编译器和处理器对指令进行重排序,单线程的执行结果也不会受到影响。这一原则要求编译器、运行时环境和处理器必须严格遵守,以保证程序的正确性。本文深入探讨了`volatile`关键字的内存模型,详细分析了其在多线程环境中的可见性和有序性特性,以及如何通过`as-if-serial`规则来确保数据的一致性和可靠性。 ... [详细]
  • C#微信开发入门教程第二篇:新手快速上手指南,含详细视频讲解
    在距离上次课程一个多星期后,我们终于带来了第二讲的内容。虽然原计划是一周一次更新,但由于工作繁忙有所延迟。近期在交流群中发现,一些初学者已经能够熟练调用微信接口,但对微信公众平台的消息接收处理机制还不够了解。因此,本次课程将详细介绍如何高效处理微信公众平台的消息接收,并提供详细的视频讲解,帮助大家快速上手。 ... [详细]
  • 如何在PHP中有效实现和管理互斥锁机制(PHP锁) ... [详细]
  • 考前准备方面,我的考试时间安排在上午11点至12点,只需提前20分钟到达考场的接待休息区即可。由于我居住在福田区,交通便利,可以选择多种方式前往考场。为了确保顺利通过考试,我建议考生提前熟悉考试流程和环境,并合理规划出行时间,以保持良好的心态和状态。此外,考前复习应注重理论与实践相结合,多做模拟题,加强对重点知识点的理解和掌握。 ... [详细]
  • 【并发编程】全面解析 Java 内存模型,一篇文章带你彻底掌握
    本文深入解析了 Java 内存模型(JMM),从基础概念到高级特性进行全面讲解,帮助读者彻底掌握 JMM 的核心原理和应用技巧。通过详细分析内存可见性、原子性和有序性等问题,结合实际代码示例,使开发者能够更好地理解和优化多线程并发程序。 ... [详细]
  • 文件系统管理与设计涉及众多内容,课堂讲解较为简略。本章主要介绍了以下几点:1. 基本概念 - 文件系统:一种用于实现数据持久性存储的系统抽象。 - 文件:文件系统中的基本存储单元,包含一组相关数据。文件系统通过文件组织和管理数据,提供高效的数据访问和管理机制。此外,还涵盖了文件的属性、类型和操作方法。 ... [详细]
  • 本文深入探讨了RecyclerView的缓存与视图复用机制,详细解析了不同类型的缓存及其功能。首先,介绍了屏幕内ViewHolder的Scrap缓存,这是一种最轻量级的缓存方式,旨在提高滚动性能并减少不必要的视图创建。通过分析其设计原理,揭示了Scrap缓存为何能有效提升用户体验。此外,还讨论了其他类型的缓存机制,如RecycledViewPool和ViewCacheExtension,进一步优化了视图复用效率。 ... [详细]
  • 我正在使用 Ruby on Rails 构建个人网站。总体而言,RoR 是一个非常出色的工具,它提供了丰富的功能和灵活性,使得创建自定义页面变得既高效又便捷。通过利用其强大的框架和模块化设计,我可以轻松实现复杂的功能,同时保持代码的整洁和可维护性。此外,Rails 的社区支持也非常强大,为开发过程中遇到的问题提供了丰富的资源和解决方案。 ... [详细]
  • SQL Server开发技巧:修改表结构后的视图批量更新方法与实践 ... [详细]
  • 在WorldWind中,双线程架构被广泛应用,但多线程环境下的数据共享问题常常被忽视,这可能导致数据修改时出现不一致的情况。尽管如此,在WorldWind的代码中并未显式地使用锁机制来解决这一问题。此外,动态内存管理也是需要关注的重点,尤其是在资源释放方面。本文将深入探讨多线程编程与锁机制在WorldWind中的应用,分析其潜在问题并提出优化建议。 ... [详细]
author-avatar
377926138_b741aa
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有