Matisse-Kotlin

KO | EN

gitlite — search

#javascript #python #hacktoberfest #llm #rust #deep-learning #docker #macos #java #awesome #vue #ios #openai #open-source

(★ 162)

为方便定制UI 改自知乎Matisse 裁剪、UI修改。Kotlin、Androidx

Matisse-Kotlin Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

[ ![Download](https://api.bintray.com/packages/nfleo/MatisseKotlin/MatisseKotlin/images/download.svg?version=2.1.1) ](https://bintray.com/nfleo/MatisseKotlin/MatisseKotlin/2.1.1/link)

![Image](https://raw.githubusercontent.com/NFLeo/Matisse-Kotlin/master/image/banner.png)

[Matisse-kotlin地址](https://github.com/NFLeo/Matisse-Kotlin)[包体大小278kb]()

首先感谢：
Matisse核心功能：[https://github.com/zhihu/Matisse](https://github.com/zhihu/Matisse)

裁剪提供者：Yalantis github地址：[https://github.com/Yalantis/uCrop](https://github.com/Yalantis/uCrop)

完整说明文档：[Android 图片选择库 MatisseKotlin 版](https://www.jianshu.com/p/ca1e7460fa69)

# 版本更新记录

2020-4-2 (v_2.1.1)
1. 修复裁剪结果无法带回问题

2020-4-2
1. 修复部分设备 column '_data' does not exist

2020-3-30  注：升级后，旧裁剪无法使用
1. 裁剪适配Android Q，实现为UCrop
    裁剪功能 主要暴露两个开关 isCrop(boolean)、isCircleCrop(boolean)
2. 修复部分华为设备图片无法裁剪问题
3. 修复预览大概率ANR问题

2020-1-18
1. 裁剪适配Android Q
2. 去除内部压缩-后期将使用接入Luban压缩
3. 修改提示方式
    setNoticeConsumer { context, noticeType, title, message ->
                             showToast(context, noticeType, title, message)
                         }
4. 修改状态栏处理方法

setStatusBarFuture { params, view ->
                    // 外部设置状态栏
                    ImmersionBar.with(params)?.run {
                        statusBarDarkFont(true)
                        view?.apply { titleBar(this) }
                        init()
                    }

// 外部可隐藏Matisse界面中的标题栏
                    // view?.visibility = if (isDarkStatus) View.VISIBLE else View.GONE
                }
5. 注意: 单独调用拍照走裁剪时,也需要创建SelectionCreator

2020-1-17 (v_2.0.5)
1. 修复Gif图预览崩溃问题

2020-1-14 (v_2.0.5)
1. 拍照、展示图片适配Android Q

2020-1-3 (2.0.3)
1. 修复PreviewPageAdapter获取资源数组越界

2019-12-30
1. 默认关闭内部压缩
2. 修复MatisseActivity中albumLoad空指针异常
3. 修复Item创建时，部分cursor为空问题
4. 修复demo压缩开关出错问题

2019-12-23
1. 修复Gif图片类型无法正确判断问题
2. 修复部分设备第一次拍照后，拍照结果不显示问题

2019-12-19
1. 主题属性命名规范化 见R.style.CustomMatisseStyle
2. MimeTypeManager类新增ofMotionlessImage()静态图类型
3. Item列宽(spanSize和gridExceptedSize)添加限制，避免过大/过小
4. 去除app_name
5. 消除选中闪烁
6. 精简压缩库大小 目前release aar 278k

2019-12-10 (2.0.2)
1. 修复mimeType为空情况
2. 修复spanSize和gridExceptedSize同时设置冲突
    注：同时设置时，读取gridExceptedSize值

2019-11-10 (2.0.1)
1. 修复裁剪结果尺寸异常

2019-11-4 (2.0)
1. 相机单独提取
2. 支持默认选中，可传入上次选中的项（通过图片cursor id或uri string对比）
    注：不支持裁剪带回的图片，裁剪带回的图片无id和uri
```
.setLastChoosePicturesIdOrUri(selectedPathIds as ArrayList<String>?)
```
3. 修复压缩为空带回崩溃

2019-10-29 (1.2.3)
1. 修复相册弹窗高度不准确问题
2. 支持压缩配置，外部添加开关  api:[isInnerCompress]
3. 完善未选中资源时各按钮点击添加提示
4. 修复不同设备返回的媒体类型表示不一致（如：JPEG image/jpeg）
5. 去除[api setStatusIsDark], 外部处理状态栏，见[api setStatusBarFuture]

2019-10-28 (持续更新 待发布)
1. 支持相机拍照完成后多选
2. 扩展提示方法，支持使用外部自定义弹窗
3. 支持外部处理状态栏，去除项目中原[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
                }
            })
```
4. 按官方方式适配Android Q

2019-10-21 (1.2.2)
1. 修复方形裁剪图片变形问题
2. 优化单选/多选刷新问题

2019-10-18 (1.2.0)
1. 迁移到androidx
2. 修复并支持图片与视频混合选择
```
设置选择单一类型媒体，示例如下
Matisse.choose(MimeTypeManager.ofAll())
                .maxSelectable(3)
或者
Matisse.choose(MimeTypeManager.ofAll(), true)
                .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的修改、新功能添加。
*主要修改内容为：*
```
1. 优化相册选择。
2. 优化单选策略。
3. 添加圆形与方形裁剪。
4. 图片选择后压缩，不失真条件下高比率压缩。
5. 增加主题修改，基本可保证定制成与自身项目风格一致
6. 支持设置状态栏颜色 需依赖[ImmersionBar](https://github.com/gyf-dev/ImmersionBar)
    1.2.2之后版本去除内部ImmersionBar处理

* 注：裁剪成功后只返回裁剪后图片的绝对路径，不返回Uri，需自行转换

具体调用查看 SelectionCreator.java

关于打包报错问题：

使用：
1. gradle中添加 implementation 'com.nfleo:MatisseKotlin:2.0.4'
2. 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>

3. 6.0+需处理权限
The library requires two permissions:
    - `android.permission.READ_EXTERNAL_STORAGE`
    - `android.permission.WRITE_EXTERNAL_STORAGE`

4. 为适配7.0，,项目manifest的privider标签下 paths文件中添加
    文件名称为file_paths_public（名字随意取，但需与AndroidManifest.xml中引用保持一致）
    <external-path  name="my_images" path="Pictures"/>

| Default Style                  | Other Style Preview                  | Preview                          |
|:------------------------------:|:---------------------------------:|:--------------------------------:|
|![](https://raw.githubusercontent.com/NFLeo/Matisse-Kotlin/master/image/screenshot_default.jpg) | ![](https://raw.githubusercontent.com/NFLeo/Matisse-Kotlin/master/image/screenshot_other.jpg) | ![](https://raw.githubusercontent.com/NFLeo/Matisse-Kotlin/master/image/screenshot_preview.jpg)|

| Circle Crop                    | Square Crop                       |
|:------------------------------:|:---------------------------------:|
|![](https://raw.githubusercontent.com/NFLeo/Matisse-Kotlin/master/image/screenshot_circlecrop.jpg) | ![](https://raw.githubusercontent.com/NFLeo/Matisse-Kotlin/master/image/screenshot_squarecrop.jpg) |

#### Simple usage snippet
------

### 配置主题.
| Media theme                    | Preview theme                       |
|:------------------------------:|:---------------------------------:|
|![](https://raw.githubusercontent.com/NFLeo/Matisse-Kotlin/master/image/media_theme_describe.png) | ![](https://raw.githubusercontent.com/NFLeo/Matisse-Kotlin/master/image/preview_theme_describe.png) |

使用套路与原项目一致，只是多增加了一些参数，另外定制时需配置所提供的所有参数。
使用主题时可直接使用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 name="Media_Album_Item_textColor">@color/text_item_album</item>
        
        <item name="Media_Album_Item_textSize">@dimen/text_item_album</item>

<item name="Media_Camera_textColor">@color/text_camera</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>
        
        <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>

</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)
    }
}
```

Matisse-Kotlin

Matisse-Kotlin Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Matisse-Kotlin

Matisse-Kotlin Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README