Matisse-Kotlin
Introduction: 为方便定制 UI 改自知乎 Matisse 裁剪、UI 修改。Kotlin、Androidx
Tags:
首先感谢： Matisse 核心功能：https://github.com/zhihu/Matisse
裁剪提供者：Yalantis github 地址：https://github.com/Yalantis/uCrop
完整说明文档：Android 图片选择库 MatisseKotlin 版
2020-4-2 (v_2.1.1)
- 修复裁剪结果无法带回问题
2020-4-2
- 修复部分设备 column '_data' does not exist
2020-3-30 注：升级后，旧裁剪无法使用
- 裁剪适配 Android Q，实现为 UCrop 裁剪功能 主要暴露两个开关 isCrop(boolean)、isCircleCrop(boolean)
- 修复部分华为设备图片无法裁剪问题
- 修复预览大概率 ANR 问题
2020-1-18
- 裁剪适配 Android Q
- 去除内部压缩-后期将使用接入 Luban 压缩
- 修改提示方式
setNoticeConsumer { context, noticeType, title, message ->
showToast(context, noticeType, title, message) } 修改状态栏处理方法
setStatusBarFuture { params, view ->
// 外部设置状态栏 ImmersionBar.with(params)?.run { statusBarDarkFont(true) view?.apply { titleBar(this) } init() } // 外部可隐藏 Matisse 界面中的标题栏 // view?.visibility = if (isDarkStatus) View.VISIBLE else View.GONE }- 注意: 单独调用拍照走裁剪时,也需要创建 SelectionCreator
2020-1-17 (v_2.0.5)
- 修复 Gif 图预览崩溃问题
2020-1-14 (v_2.0.5)
- 拍照、展示图片适配 Android Q
2020-1-3 (2.0.3)
- 修复 PreviewPageAdapter 获取资源数组越界
2019-12-30
- 默认关闭内部压缩
- 修复 MatisseActivity 中 albumLoad 空指针异常
- 修复 Item 创建时，部分 cursor 为空问题
- 修复 demo 压缩开关出错问题
2019-12-23
- 修复 Gif 图片类型无法正确判断问题
- 修复部分设备第一次拍照后，拍照结果不显示问题
2019-12-19
- 主题属性命名规范化 见 R.style.CustomMatisseStyle
- MimeTypeManager 类新增 ofMotionlessImage()静态图类型
- Item 列宽(spanSize 和 gridExceptedSize)添加限制，避免过大/过小
- 去除 app_name
- 消除选中闪烁
- 精简压缩库大小 目前 release aar 278k
2019-12-10 (2.0.2)
- 修复 mimeType 为空情况
- 修复 spanSize 和 gridExceptedSize 同时设置冲突 注：同时设置时，读取 gridExceptedSize 值
2019-11-10 (2.0.1)
- 修复裁剪结果尺寸异常
2019-11-4 (2.0)
- 相机单独提取
- 支持默认选中，可传入上次选中的项（通过图片 cursor id 或 uri string 对比）
注：不支持裁剪带回的图片，裁剪带回的图片无 id 和 uri
.setLastChoosePicturesIdOrUri(selectedPathIds as ArrayList<String>?) - 修复压缩为空带回崩溃
2019-10-29 (1.2.3)
- 修复相册弹窗高度不准确问题
- 支持压缩配置，外部添加开关 api:[isInnerCompress]
- 完善未选中资源时各按钮点击添加提示
- 修复不同设备返回的媒体类型表示不一致（如：JPEG image/jpeg）
- 去除[api setStatusIsDark], 外部处理状态栏，见[api setStatusBarFuture]
2019-10-28 (持续更新 待发布)
- 支持相机拍照完成后多选
- 扩展提示方法，支持使用外部自定义弹窗
支持外部处理状态栏，去除项目中原[ImmersionBar]库
.setStatusBarFuture(object : MFunction<BaseActivity> { override fun accept(params: BaseActivity, view: View?) { // 外部设置状态栏 ImmersionBar.with(params)?.run { statusBarDarkFont(isDarkStatus) view?.apply { titleBar(this) } init() } // 外部可隐藏 Matisse 界面中的 View view?.visibility = if (isDarkStatus) View.VISIBLE else View.GONE } })- 按官方方式适配 Android Q
2019-10-21 (1.2.2)
- 修复方形裁剪图片变形问题
- 优化单选/多选刷新问题
2019-10-18 (1.2.0)
- 迁移到 androidx
- 修复并支持图片与视频混合选择
```
设置选择单一类型媒体，示例如下
Matisse.choose(MimeTypeManager.ofAll())
或者 Matisse.choose(MimeTypeManager.ofAll(), true).maxSelectable(3).maxSelectable(3)
设置选择混合类型媒体，示例如下 Matisse.choose(MimeTypeManager.ofAll(), false) .maxSelectablePerMediaType(4, 2)
说明： mediaTypeExclusive true 单一媒体类型选择 读取 maxSelectable 属性作为最大值 mediaTypeExclusive false 读取 maxImageSelectable 和 maxVideoSelectable 属性分别作为最大值
3. 修改单/多选逻辑
* 单选支持重新选定，不支持计数方式
* 多选不支持重新选定，选满外部给出提示方式，支持计数与选中方式
4. 提示方式外部实现
SelectionCreator.setNoticeEvent( { context: Context, noticeType: Int, title: String, message: String -> // 外部提示，可外部定义样式 showToast(context, noticeType, title, message) } })
2019-10-16
1. 完善主题扩展，并提供图片说明
# Matisse
本项目为知乎原项目 kotlin 改写版本（2018/9 月版本），由于项目纯图片选择库与[Matisse](https://github.com/zhihu/Matisse)UI 风格有较大差异，为方便个人使用顺手便对[Matisse](https://github.com/zhihu/Matisse)进行 Kotlin 翻译，主要对原项目进行部分 UI 层面改写、已发现 bug 的修改、新功能添加。
*主要修改内容为：*
- 优化相册选择。
- 优化单选策略。
- 添加圆形与方形裁剪。
- 图片选择后压缩，不失真条件下高比率压缩。
- 增加主题修改，基本可保证定制成与自身项目风格一致
- 支持设置状态栏颜色 需依赖ImmersionBar 1.2.2 之后版本去除内部 ImmersionBar 处理
- 注：裁剪成功后只返回裁剪后图片的绝对路径，不返回 Uri，需自行转换
具体调用查看 SelectionCreator.java
关于打包报错问题：
使用：
- gradle 中添加 implementation 'com.nfleo:MatisseKotlin:2.0.4'
- AndroidManifest.xml 中添加以下代码
注：注意 provider androidx 的差别
<provider android:name="androidx.core.content.FileProvider" android:authorities="${applicationId}.fileprovider" android:exported="false" android:grantUriPermissions="true"> <meta-data android:name="android.support.FILE_PROVIDER_PATHS" android:resource="@xml/file_paths_public"/> </provider>6.0+需处理权限 The library requires two permissions:
android.permission.READ_EXTERNAL_STORAGEandroid.permission.WRITE_EXTERNAL_STORAGE
为适配 7.0，,项目 manifest 的 privider 标签下 paths 文件中添加 文件名称为 file_paths_public（名字随意取，但需与 AndroidManifest.xml 中引用保持一致）
| Default Style | Other Style Preview | Preview |
|---|---|---|
 |
 |
 |
| Circle Crop | Square Crop |
|---|---|
 |
 |
Simple usage snippet
配置主题.
| Media theme | Preview theme |
|---|---|
 |
 |
使用套路与原项目一致，只是多增加了一些参数，另外定制时需配置所提供的所有参数。 使用主题时可直接使用 Matisse.Default， 或者在自己项目中另写 style 继承自 Matisse.Default，修改自己所需属性，如下
app/style.xml
<style name="CustomMatisseStyle" parent="Matisse.Default">
<item name="Media_Back_text">@string/back</item>
<item name="Media_Sure_text">@string/sure</item>
<item name="Media_Preview_text">@string/preview</item>
<item name="Media_Original_text">@string/original</item>
<item name="Media_Album_text">@string/album</item>
<item name="Media_Camera_text">@string/camera</item>
</style>
matisse/style.xml
<style name="Matisse.Default" parent="Theme.AppCompat.Light.NoActionBar">
<!--状态栏相关-->
<item name="colorPrimary">@color/primary</item>
<item name="colorPrimaryDark">@color/primary_dark</item>
<!--顶部导航条高度-->
<item name="Navigation_height">@dimen/navigation_height</item>
<!--顶部导航条背景色-->
<item name="Navigation_bg">@color/navigation_bg</item>
<!--顶部导航条返回按钮资源图-->
<item name="Navigation_backRes">@drawable/icon_arrow_right_white</item>
<!--图片预览界面背景色-->
<item name="Preview_bg">@color/preview_bg</item>
<!--底部工具栏背景色-->
<item name="BottomToolbar_bg">@color/bottomTool_bg</item>
<!--底部工具栏高度-->
<item name="BottomToolbar_height">@dimen/bottom_tool_height</item>
<!--返回按钮文字 当无文字是可设置为空字符串 如下-->
<item name="Media_Back_text">@string/button_null</item>
<!--返回按钮颜色-->
<item name="Media_Back_textColor">@color/color_base</item>
<!--返回按钮文字大小-->
<item name="Media_Back_textSize">@dimen/text_back</item>
<item name="Media_Sure_text">@string/button_sure</item>
<!--确定按钮颜色-->
<item name="Media_Sure_textColor">@color/color_base</item>
<!--确认按钮文字大小-->
<item name="Media_Sure_textSize">@dimen/text_sure</item>
<item name="Media_Preview_text">@string/button_preview</item>
<!--预览按钮颜色-->
<item name="Media_Preview_textColor">@color/text_preview</item>
<!--预览按钮文字大小-->
<item name="Media_Preview_textSize">@dimen/text_preview</item>
<item name="Media_Original_text">@string/button_original</item>
<!--原图选择控件文字颜色-->
<item name="Media_Original_textColor">@color/text_original</item>
<!--原图按钮文字大小-->
<item name="Media_Original_textSize">@dimen/text_original</item>
<item name="Media_Album_text">@string/album_name_all</item>
<!--查看全部相册文件夹按钮颜色-->
<item name="Media_Album_textColor">@color/text_album</item>
<!--查看全部相册按钮文字大小-->
<item name="Media_Album_textSize">@dimen/text_album</item>
<!--相册文件夹内部列表 item 颜色-->
<item name="Media_Album_Item_textColor">@color/text_item_album</item>
<!--查看全部相册内 item 文字大小-->
<item name="Media_Album_Item_textSize">@dimen/text_item_album</item>
<!--列表中可拍照状态下相机 item 文字颜色-->
<item name="Media_Camera_textColor">@color/text_camera</item>
<!--列表中可拍照状态下相机 item 文字大小-->
<item name="Media_Camera_textSize">@dimen/text_camera</item>
<item name="Preview_Back_text">@string/button_back</item>
<item name="Preview_Confirm_text">@string/button_sure_default</item>
<!--选中控件背景色-->
<item name="Item_checkCircle_bgColor">@color/selector_base_text</item>
<!--选中控件圆环边框颜色-->
<item name="Item_checkCircle_borderColor">@color/item_checkCircle_borderColor</item>
<!--原图 radio 控件颜色-->
<item name="Item_checkRadio">@color/selector_base_text</item>
<!--空状态文字颜色-->
<item name="Media_Empty_textColor">@color/text_empty</item>
<!--空状态文字大小-->
<item name="Media_Empty_textSize">@dimen/text_empty</item>
<item name="Media_Empty_text">@string/empty_text</item>
<!--空状态资源图-->
<item name="Media_Empty_resource">@drawable/ic_empty_zhihu</item>
<!--图片加载占位图-->
<!--<item name="Item_placeholder">@drawable/zhihu_item_placeholder</item>-->
</style>
如需定制 UI 样式 按需修改，否则使用上述默认主题
Matisse.from(this@MainActivity)
.setStatusIsDark(true) // 按需设置状态栏文字颜色
.theme(R.style.Matisse_Default) // 设置成所需主题
注意：1.1.1 版本支持外部设置设置状态栏颜色，关于状态栏与状态栏底色问题
项目内部 仅添加了该库(compileOnly 'com.gyf.barlibrary:barlibrary:2.3.0')的编译
需要根据样式修改状态栏文字颜色，图片预览界面状态栏隐藏功能，需在自己项目中引入该库
Matisse.from(this@MainActivity)
...
.setStatusIsDark(true) // 设置状态栏文字颜色 true=黑色 false=白色
.theme(R.style.Matisse_Default) // 设置成所需主题
...
Start MatisseActivity from current Activity or Fragment:
kotlin 项目调用
Matisse.from(MainActivity.this)
.choose(MimeTypeManager.ofAll(), false)
.countable(true)
.maxSelectable(9)
.addFilter(new GifSizeFilter(320, 320, 5 * Filter.K * Filter.K))
.gridExpectedSize(getResources().getDimensionPixelSize(R.dimen.grid_expected_size))
.restrictOrientation(ActivityInfo.SCREEN_ORIENTATION_UNSPECIFIED)
.thumbnailScale(0.85f)
.imageEngine(new GlideEngine())
.forResult(REQUEST_CODE_CHOOSE);
java 项目调用
Matisse.Companion.from(MainActivity.this)
.choose(MimeTypeManager.Companion.ofAll(), false)
.countable(true)
.maxSelectable(9)
.addFilter(new GifSizeFilter(320, 320, 5 * Filter.K * Filter.K))
.gridExpectedSize(getResources().getDimensionPixelSize(R.dimen.grid_expected_size))
.restrictOrientation(ActivityInfo.SCREEN_ORIENTATION_UNSPECIFIED)
.thumbnailScale(0.85f)
.imageEngine(new GlideEngine())
.forResult(REQUEST_CODE_CHOOSE);
Matisse.from(SampleActivity.this)
.choose(MimeTypeManager.ofAll(), false) // 展示所有类型文件（图片 视频 gif）
.capture(true) // 可拍照
.countable(true) // 记录文件选择顺序
.captureStrategy(new CaptureStrategy(true, "cache path"))
.maxSelectable(1) // 最多选择一张
.isCrop(true) // 开启裁剪
.isCircleCrop(true) // 设置裁剪类型
.addFilter(new GifSizeFilter(320, 320, 5 * Filter.K * Filter.K)) // 筛选数据源可选大小限制
.gridExpectedSize(getResources().getDimensionPixelSize(R.dimen.grid_expected_size))
.restrictOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT)
.thumbnailScale(0.8f)
.setStatusIsDark(true) // 设置状态栏文字颜色 需依赖 ImmersionBar 库
.imageEngine(new GlideEngine()) // 加载库需外部实现
.forResult(REQUEST_CODE_CHOOSE);
为方便后期兼容 Fresco，图片加载类需外部实现 注意：目前慎用 Fresco（尽管提供了栗子）！！！，图片加载兼容了 Fresco，但，图片放大预览并未兼容
class Glide4Engine : ImageEngine {
override fun cleanMemory(context: Context) {
if (Looper.myLooper() == Looper.getMainLooper()) {
Glide.get(context).clearMemory()
}
}
override fun pause(context: Context) {
Glide.with(context).pauseRequests()
}
override fun resume(context: Context) {
Glide.with(context).resumeRequests()
}
override fun init(context: Context) {
}
override fun loadThumbnail(context: Context, resize: Int, placeholder: Drawable, imageView: ImageView, uri: Uri) {
Glide.with(context)
.asBitmap() // some .jpeg files are actually gif
.load(uri)
.apply(RequestOptions()
.override(resize, resize)
.placeholder(placeholder)
.centerCrop())
.into(imageView)
}
override fun loadGifThumbnail(context: Context, resize: Int, placeholder: Drawable, imageView: ImageView,
uri: Uri) {
Glide.with(context)
.asBitmap() // some .jpeg files are actually gif
.load(uri)
.apply(RequestOptions()
.override(resize, resize)
.placeholder(placeholder)
.centerCrop())
.into(imageView)
}
override fun loadImage(context: Context, resizeX: Int, resizeY: Int, imageView: ImageView, uri: Uri) {
Glide.with(context)
.load(uri)
.apply(RequestOptions()
.override(resizeX, resizeY)
.priority(Priority.HIGH)
.fitCenter())
.into(imageView)
}
override fun loadGifImage(context: Context, resizeX: Int, resizeY: Int, imageView: ImageView, uri: Uri) {
Glide.with(context)
.asGif()
.load(uri)
.apply(RequestOptions()
.override(resizeX, resizeY)
.priority(Priority.HIGH)
.fitCenter())
.into(imageView)
}
}
