项目作者: donkingliang

项目描述 :
Android图片选择器,仿微信的图片选择器的样式和效果。支持图片的单选、限数量的多选和不限数量的多选,支持图片剪切。支持图片预览和图片文件夹的切换。支持在选择图片时调用相机拍照,也支持不用打开相册直接调用相机拍照。
高级语言: Java
项目地址: git://github.com/donkingliang/ImageSelector.git


ImageSelector

Android图片选择器,仿微信的图片选择器的样式和效果。支持图片的单选、限数量的多选和不限数量的多选。支持图片预览和图片文件夹的切换。支持在选择图片时调用相机拍照,也支持不用打开相册直接调用相机拍照。

先上效果图:

相册 文件夹 预览

1、引入依赖

在Project的build.gradle在添加以下代码

  1. allprojects {
  2. repositories {
  3. ...
  4. maven { url 'https://jitpack.io' }
  5. }
  6. }

在Module的build.gradle在添加以下代码

  1. implementation 'com.github.donkingliang:ImageSelector:2.2.1'

从2.0.0版本开始,库迁移androidx。没有使用androidx的项目可以使用1.9.3版本。

2、配置AndroidManifest.xml

注意: 1.7.0版本后,不需要再配置FileProvider,ImageSelector内部已经配置了。

  1. //储存卡的读写权限
  2. <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" ></uses-permission>
  3. <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" ></uses-permission>
  4. //调用相机权限
  5. <uses-permission android:name="android.permission.CAMERA" ></uses-permission>
  6. //图片选择Activity
  7. <activity android:name="com.donkingliang.imageselector.ImageSelectorActivity"
  8. //去掉ActivityActionBar
  9. //使用者可以根据自己的项目去配置,不一定要这样写,只要让ActivityActionBar去掉就可以了。
  10. android:theme="@style/Theme.AppCompat.Light.NoActionBar"
  11. //横竖屏切换处理。
  12. //如果要支持横竖屏切换,一定要加上这句,否则在切换横竖屏的时候会发生异常。
  13. android:configChanges="orientation|keyboardHidden|screenSize"></activity>
  14. //图片预览Activity
  15. <activity android:name="com.donkingliang.imageselector.PreviewActivity"
  16. android:theme="@style/Theme.AppCompat.Light.NoActionBar"
  17. android:configChanges="orientation|keyboardHidden|screenSize"></activity>
  18. //图片剪切Activity
  19. <activity
  20. android:name="com.donkingliang.imageselector.ClipImageActivity"
  21. android:theme="@style/Theme.AppCompat.Light.NoActionBar" ></activity>
  22. <!-- Android 7.0 文件共享配置,1.7.0之前必须配置,1.7.0后不需要 -->
  23. <provider
  24. android:name="android.support.v4.content.FileProvider"
  25. android:authorities="${applicationId}.fileprovider"
  26. android:exported="false"
  27. android:grantUriPermissions="true">
  28. <meta-data
  29. android:name="android.support.FILE_PROVIDER_PATHS"
  30. android:resource="@xml/file_paths" />
  31. </provider>

在res/xml文件夹下创建file_paths.xml文件(名字可以自己定义)

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <paths>
  3. <!-- 这个是保存拍照图片的路径,必须配置。 -->
  4. <external-path
  5. name="images"
  6. path="Pictures" ></external-path>
  7. </paths>

3、调起图片选择器

ImageSelector支持图片的单选、限数量的多选和不限数量的多选。还可以设置是否使用相机、是否剪切图片等配置。ImageSelector提供了统一的调起相册的方法。

  1. //单选
  2. ImageSelector.builder()
  3. .useCamera(true) // 设置是否使用拍照
  4. .setSingle(true) //设置是否单选
  5. .canPreview(true) //是否可以预览图片,默认为true
  6. .start(this, REQUEST_CODE); // 打开相册
  7. //限数量的多选(比如最多9张)
  8. ImageSelector.builder()
  9. .useCamera(true) // 设置是否使用拍照
  10. .setSingle(false) //设置是否单选
  11. .setMaxSelectCount(9) // 图片的最大选择数量,小于等于0时,不限数量。
  12. .setSelected(selected) // 把已选的图片传入默认选中。
  13. .canPreview(true) //是否可以预览图片,默认为true
  14. .start(this, REQUEST_CODE); // 打开相册
  15. //不限数量的多选
  16. ImageSelector.builder()
  17. .useCamera(true) // 设置是否使用拍照
  18. .setSingle(false) //设置是否单选
  19. .setMaxSelectCount(0) // 图片的最大选择数量,小于等于0时,不限数量。
  20. .setSelected(selected) // 把已选的图片传入默认选中。
  21. .canPreview(true) //是否可以预览图片,默认为true
  22. .start(this, REQUEST_CODE); // 打开相册
  23. //单选并剪裁
  24. ImageSelector.builder()
  25. .useCamera(true) // 设置是否使用拍照
  26. .setCrop(true) // 设置是否使用图片剪切功能。
  27. .setCropRatio(1.0f) // 图片剪切的宽高比,默认1.0f。宽固定为手机屏幕的宽。
  28. .setSingle(true) //设置是否单选
  29. .canPreview(true) //是否可以预览图片,默认为true
  30. .start(this, REQUEST_CODE); // 打开相册
  31. //仅拍照
  32. ImageSelector.builder()
  33. .onlyTakePhoto(true) // 仅拍照,不打开相册
  34. .start(this, REQUEST_CODE);
  35. //拍照并剪裁
  36. ImageSelector.builder()
  37. .setCrop(true) // 设置是否使用图片剪切功能。
  38. .setCropRatio(1.0f) // 图片剪切的宽高比,默认1.0f。宽固定为手机屏幕的宽。
  39. .onlyTakePhoto(true) // 仅拍照,不打开相册
  40. .start(this, REQUEST_CODE);

REQUEST_CODE就是调用者自己定义的启动Activity时的requestCode,这个相信大家都能明白。selected可以在再次打开选择器时,把原来已经选择过的图片传入,使这些图片默认为选中状态。

如果是仅拍照模式(onlyTakePhoto = true)时,useCamera无论设置什么,都是为true。

4、接收选择器返回的数据

在Activity的onActivityResult方法中接收选择器返回的数据。

  1. @Override
  2. protected void onActivityResult(int requestCode, int resultCode, Intent data) {
  3. super.onActivityResult(requestCode, resultCode, data);
  4. if (requestCode == REQUEST_CODE && data != null) {
  5. //获取选择器返回的数据
  6. ArrayList<String> images = data.getStringArrayListExtra(
  7. ImageSelector.SELECT_RESULT);
  8. /**
  9. * 是否是来自于相机拍照的图片,
  10. * 只有本次调用相机拍出来的照片,返回时才为true。
  11. * 当为true时,图片返回的结果有且只有一张图片。
  12. */
  13. boolean isCameraImage = data.getBooleanExtra(ImageSelector.IS_CAMERA_IMAGE, false);
  14. }
  15. }

ImageSelector.SELECT_RESULT是接收数据的key。数据是以ArrayList的字符串数组返回的,就算是单选,返回的也是ArrayList数组,只不过这时候ArrayList只有一条数据而已。ArrayList里面的数据就是选中的图片的文件路径。

适配android 10

兼容android 10的手机请使用1.7.0版本。

由于android 10不允许应用直接访问外部文件,所以在android 10及以上的手机,ImageSelect返回的图片链接可能无法直接加载,因为ImageSelector返回的是图片在手机里的地址。但是可以通过uri进行加载,ImageSelector内部提供了一些方法可以供外部使用,用于适配android 10。

如何在Android 10加载手机本地图片,请看我的这篇博客

  1. //是否是android 10及以上
  2. VersionUtils.isAndroidQ();
  3. // android 10可以通过图片uri加载手机本地图片。
  4. //图片链接转uri
  5. Uri uri = UriUtils.getImageContentUri(Context context, String path);
  6. //通过uri加载图片
  7. Glide.with(mContext).load(uri).into(ivImage);
  8. ivImage.setImageURI(uri);
  9. // 或者
  10. Bitmap bitmap = ImageUtil.getBitmapFromUri(Context context, Uri uri);

注意: 剪切返回的图片的图片链接是放在应用的私有目录的,所以剪切返回的图片可以直接用path加载,不需要转成uri再加载。ImageSelector提供了判断图片链接是否是剪切的图片的方法。

  1. // 是否是剪切返回的图片
  2. ImageUtil.isCutImage(mContext, path);

图片预加载和缓存

由于从手机中加载图库是个耗时操作,图片太多时,打开图库可能等待时间过长,用户体验不好。所以在2.1.0版本和1.9.0版本开始,提供了预加载手机图片并缓存的功能。你可以在用户打开图片选择器前,预先加载手机图片,这样在用户打开图片选择器时,会直接从缓存中读取图片列表,大大提升选择器的加载速度。

选择器默认不开启预加载并缓存功能,如果需要预加载,请调用下面的方法:

  1. ImageSelector.preload(context);

调用这个方法的时机没有特殊的要求,只要是在打开选择器前调用就可以了。

注意: 由于加载手机图片需要申请WRITE_EXTERNAL_STORAGE权限,所以在调用该方法前,请确保权限已申请。

在选择器使用完毕,不再需要时,可以调用下面方法清空缓存:

  1. ImageSelector.clearCache(context);

清空缓存的操作不是必须的,如果不清空,缓存会一直保留,直到app被回收。因为缓存的是图片的路径,所以不会占用太多的内存。

版本节点

这里记录的是重要的版本更新节点,全部的版本及更新内容请看这里

2.1.0版本&1.9.0版本

添加图片预加载和缓存功能。

2.0.0版本

迁移androidx。没有使用androidx的项目可以使用1.9.2版本。

1.8.0版本

1、添加直接打开相机拍照功能。

2、优化图片预览页,适配刘海屏。

1.7.0版本

1、适配android 10。

2、添加自定义FileProvider,从1.7.0开始,使用者不需要再配置FileProvider。

1.5.0版本

1、更新Glide版本到4.x。

2、修改targetSdkVersion为27。

ImageSelector从1.5.0版本开始使用了Glide 4.x的版本,由于Glide 3.x版本和4.x版本在使用上有所差异,如果你的项目使用了Glide 3.x版本,而又不想升级到4.x,那么你也可以使用ImageSelector:1.4.0版本,它和新的版本在使用和功能上都会有所差异。ImageSelector 1.4.0

想要了解ImageSelector的实现思路和核心代码的同学请看这里:Android 实现一个仿微信的图片选择器