巨丝滑 —— 自己动手撸一个Android图片编辑器（支持长图）

作者:miaowmiaow
来源:https://juejin.cn/post/7013274417766039560

前言

产品拿着IOS的微信图片编辑给我看了下说：“这个功能应该很简单吧，你应该很快就能做好吧”。
如果当时我的桌子上有块🧱的话，估计就是另一个结局了。😂 吐槽结束，先来看效果图吧

来吧，展示

本图片编辑器实现了IOS微信图片编辑除表情贴纸外的所有功能包括用户体验。
源代码在1000行左右，阅读起来基本没有难度，非常适合二次开发。
实现功能：涂鸦、贴纸、文字、马赛克、裁剪

主要知识点：

• Canvas

• Xfermode

• GestureDetector

• ScaleGestureDetector

快速使用

1PictureEditorDialog.newInstance()
2    .setBitmapPath(path)
3    .setEditorFinishCallback(object : EditorFinishCallback {
4        override fun onFinish(path: String) {
5            val bitmap = BitmapFactory.decodeFile(path, BitmapFactory.Options())
6        }
7    })
8    .show(fragmentManager)

如上所示：

1. 通过PictureEditorDialog调用图片编辑器

2. 通过setBitmapPath(path)传入图片路径

3. 通过setEditorFinishCallback(callback)获取编辑后的图片地址

如果觉得PictureEditorDialog不能满足需求，还可以通过PictureEditorView来自定义样式

自定义使用

 1<com.example.miaow.picture.editor.PictureEditorView
 2    android:id="@+id/pic_editor"
 3    android:layout_width="match_parent"
 4    android:layout_height="match_parent" />
 5
 6
 7
 8picEditor.setBitmapPath(path)
 9picEditor.setMode(PictureEditorView.Mode.STICKER)
10picEditor.setGraffitiColor(Color.parseColor("#ffffff"))
11picEditor.setSticker(StickerAttrs(bitmap))
12picEditor.graffitiUndo()
13picEditor.mosaicUndo()
14picEditor.saveBitmap()

如上所示：

1. 通过setBitmapPath(path)传入图片路径

2. 通过setMode(mode)设置编辑模式，分别有：涂鸦，橡皮擦，马赛克，贴纸

3. 通过setGraffitiColor(color)设置涂鸦画笔颜色

4. 通过setSticker(StickerAttrs(bitmap))设置贴纸

5. 通过graffitiUndo()涂鸦撤销

6. 通过mosaicUndo()马赛克撤销

7. 通过saveBitmap()保存编辑图片

PictureEditorView就介绍到这里，具体使用请查看PictureEditorDialog

图片裁剪

 1<com.example.miaow.picture.editor.PictureClipView
 2    android:id="@+id/clip"
 3    android:layout_width="match_parent"
 4    android:layout_height="match_parent" />
 5
 6
 7
 8clip.setBitmapResource(bitmap)
 9clip.rotate()
10clip.reset()
11clip.saveBitmap()

如上所示：

1. 通过setBitmapResource(bitmap)传入裁剪图片

2. 通过clip.rotate()图片旋转

3. 通过clip.reset()图片重置

4. 通过clip.saveBitmap()保存裁剪框内图片

PictureClipView就介绍到这里，具体使用请查看PictureClipDialog

讲在最后，如无法加载图片，请确认存储权限

Thanks

以上就是本篇文章的全部内容，如有问题欢迎指出，我们一起进步。
如果喜欢的话希望点个赞吧，您的鼓励是我前进的动力。
谢谢~~

项目地址

• github：github.com/miaowmiaow/…

推荐阅读：