用Kotlin撸一个图片压缩插件ImageSlimming-导学篇(一)

朴灿烈づ我的快乐病毒、 2022-05-21 03:47 72阅读 0赞

**简述:** 很久没有发布Kotlin的实战相关的内容，这段时间在折腾Intellij IDEA的插件开发，折腾出了几个小插件，因为最近公司业务分离，原来堆在基础业务那边模块，都以模块的形式抽离出来，独立仓库管理。那么就是各种打包，jenkins打包配置模块特别麻烦，所以想着是否可以开发一个AndroidStudio插件，我可以写代码和构建发布包同时进行，想想都美滋滋，所以才去研究了下插件的开发。摸清插件开发套路后,其实也觉得挺简单，然后发现很多地方都可以用插件自动化实现，顿时有种发现新大陆赶脚。这次我要讲是如何从零开始，使用Kotlin撸一个AndroidStudio图片压缩插件，本系列文章总三篇:**《用Kotlin撸一个图片压缩插件ImageSlimming-导学篇》、《用Kotlin撸一个图片压缩插件ImageSlimming-插件基础篇》、《用Kotlin撸一个图片压缩插件ImageSlimming-实战篇》**

### 一、为什么要撸一个图片压缩插件? ###

我们在项目开发过程中常会使用图片，一般开发者都不会直接把设计切的图片放入到项目中，而是会去压缩一下，那么一般会去[TinyPng][]网页端压缩一遍，你一般会先把要压缩的图片拖进去，然后又一张张把图片点击下载下来，是不是感觉特别的浪费时间，是不是需要把浪费的时间省下来，然后就愉快地早点下班啦。如果你还没有使用过TinyPng，那么这个插件也许适合你。

![16447171482b8c21_w_2740_h_1552_f_jpeg_s_568511][]

![1644718434a1301e_w_2760_h_1558_f_jpeg_s_559829][]

然后这段时间正研究插件,所以决定试试，其实很简单的。因为TinyPng提供develop api，可以方便实现图片压缩。这次插件也就是利用了它的API开发的。

### 二、插件的基本描述 ###

ImageSlimming是一个基于TinyPng API开发的图片压缩的IDEA工具插件，采用的是Kotlin语言开发以及Java Swing框架设计UI界面。可运行在AndroidStudio,Intellij IDEA,WebStorm等JetBrains全家桶系列IDE中。

### 三、插件支持的功能 ###

*  1、支持整个目录中的图片批量压缩，只需要指定图片源目录和压缩的输出目录即可
 *  2、支持单张或者选定多张图片文件进行压缩
 *  3、支持png,jpg格式图片
 *  4、支持输入目录和输出目录二次选择功能，减少繁琐指定相同的目录
 *  5、支持指定输入文件的前缀，也即是批量文件添加前缀名，以及前缀名二次选择功能
 *  6、图片压缩过程中，仍然继续coding, 工作并行执行

### 四、插件开发使用到的技术点 ###

*  1、Intellij Idea 插件开发基础知识
 *  2、插件开发中执行一个后台线程任务Task.Backgroundable的使用
 *  3、Intellij Idea open api 的使用
 *  4、Kotlin 开发基础知识
 *  5、Kotlin中扩展函数的封装
 *  6、Kotlin中Lambda表达式的使用
 *  7、Kotlin中函数式API的使用
 *  8、Kotlin中IO操作API的使用
 *  9、Java中Swing UI框架的基本使用
 *  10、TinyPng API基本使用

### 五、插件的使用步骤 ###

*  1、首先，按照Plugin通用安装方式，安装好对应的插件，可以直接在jetbrains仓库中搜索ImageSlimming,安装重启即可。  
    重启后发现有如图插件，就说明安装成功。

![1644724fc9161517_w_592_h_76_f_png_s_14993][]

*  2、然后点击插件，第一次需要你填入TinyPng APIKEY,由于插件图片压缩主要借助于TinyPng Api, 所以需要使用者去TinyPng官网申请 [https://tinypng.com/developers][https_tinypng.com_developers]

![164472532e282ef9_w_580_h_150_f_png_s_42357][]

*  3、输入申请到ApiKey后，插件会自动验证KEY的合法性，检测通过后会弹出压缩图片界面

![1644725a4d947b6d_w_588_h_40_f_png_s_26757][]

*  4、选择源目录也就是原图片目录，输出目录也就是压缩后图片存放目录，当然也可以指定特定某张或某些图片文件作为输入源，

![164472608ad00bad_w_530_h_200_f_png_s_49352][]

*  5、是否指定输出文件前缀名，该功能主要适用于在Android中多模块开发的时候，每个模块图片资源名不能重复，所以每个模块图片前缀不一样，这里可以指定输出文件前缀。

![1644726802c65fa7_w_530_h_200_f_png_s_65866][]

*  6、点击OK就开始压缩了，此时压缩过程你可以继续你的coding,最后压缩完毕会以对话框提示。

![16447269fa206e71_w_410_h_188_f_png_s_55593][]

*  7、压缩结果

![1644726bdcafa06d_w_652_h_350_f_png_s_141324][]

*  8、为了减少指定输入输出目录次数以及文件前缀的次数，会把每次用户使用过的目录给缓存起来，以及下次直接选择使用，也就是前面说的二次选择功能。

![1644726dde590d64_w_526_h_192_f_png_s_77747][]

### 六、插件源码和插件包下载 ###

由于插件是这两天才开发，ImageSlimming插件目前已经发布到jetbrains仓库中审核了，相信过几天就可以在AndroidStudio或其他jetbrains全家桶中plugin中搜索到它了。所以这里先给出插件源码地址和插件包下载地址。

**[插件源码地址][Link 1]**

**[插件包下载][Link 2]**

![1635c3fb0ba21ec1_w_430_h_430_f_jpeg_s_39536][]

**欢迎关注Kotlin开发者联盟，这里有最新Kotlin技术文章，每周会不定期翻译一篇Kotlin国外技术文章。如果你也喜欢Kotlin，欢迎加入我们~~~**

### Kotlin系列文章，欢迎查看: ###

> Kotlin邂逅设计模式系列:

*  **[当Kotlin完美邂逅设计模式之单例模式(一)][Kotlin]**

> 数据结构与算法系列:

*  **[每周一算法之二分查找(Kotlin描述)][Kotlin 1]**

> 翻译系列：

*  **[\[译\] Kotlin中关于Companion Object的那些事][Kotlin_Companion Object]**
 *  **[\[译\]记一次Kotlin官方文档翻译的PR(内联类)][Kotlin_PR]**
 *  **[\[译\]Kotlin中内联类的自动装箱和高性能探索(二)][Kotlin 2]**
 *  **[\[译\]Kotlin中内联类(inline class)完全解析(一)][Kotlin_inline class]**
 *  **[\[译\]Kotlin的独门秘籍Reified实化类型参数(上篇)][Kotlin_Reified]**
 *  **[\[译\]Kotlin泛型中何时该用类型形参约束?][Kotlin 3]**
 *  **[\[译\] 一个简单方式教你记住Kotlin的形参和实参][_Kotlin]**
 *  **[\[译\]Kotlin中是应该定义函数还是定义属性?][Kotlin 4]**
 *  **[\[译\]如何在你的Kotlin代码中移除所有的!!(非空断言)][Kotlin 5]**
 *  **[\[译\]掌握Kotlin中的标准库函数: run、with、let、also和apply][Kotlin_ run_with_let_also_apply]**
 *  **[\[译\]有关Kotlin类型别名(typealias)你需要知道的一切][Kotlin_typealias]**
 *  **[\[译\]Kotlin中是应该使用序列(Sequences)还是集合(Lists)?][Kotlin_Sequences_Lists]**
 *  **[\[译\]Kotlin中的龟(List)兔(Sequence)赛跑][Kotlin_List_Sequence]**

> 原创系列：

*  **[教你如何完全解析Kotlin中的类型系统][Kotlin 6]**
 *  **[如何让你的回调更具Kotlin风味][Kotlin 7]**
 *  **[Jetbrains开发者日见闻(三)之Kotlin1.3新特性(inline class篇)][Jetbrains_Kotlin1.3_inline class]**
 *  **[JetBrains开发者日见闻(二)之Kotlin1.3的新特性(Contract契约与协程篇)][JetBrains_Kotlin1.3_Contract]**
 *  **[JetBrains开发者日见闻(一)之Kotlin/Native 尝鲜篇][JetBrains_Kotlin_Native]**
 *  **[教你如何攻克Kotlin中泛型型变的难点(实践篇)][Kotlin 8]**
 *  **[教你如何攻克Kotlin中泛型型变的难点(下篇)][Kotlin 9]**
 *  **[教你如何攻克Kotlin中泛型型变的难点(上篇)][Kotlin 10]**
 *  **[Kotlin的独门秘籍Reified实化类型参数(下篇)][Kotlin_Reified 1]**
 *  **[有关Kotlin属性代理你需要知道的一切][Kotlin 11]**
 *  **[浅谈Kotlin中的Sequences源码解析][Kotlin_Sequences]**
 *  **[浅谈Kotlin中集合和函数式API完全解析-上篇][Kotlin_API_-]**
 *  **[浅谈Kotlin语法篇之lambda编译成字节码过程完全解析][Kotlin_lambda]**
 *  **[浅谈Kotlin语法篇之Lambda表达式完全解析][Kotlin_Lambda]**
 *  **[浅谈Kotlin语法篇之扩展函数][Kotlin 12]**
 *  **[浅谈Kotlin语法篇之顶层函数、中缀调用、解构声明][Kotlin 13]**
 *  **[浅谈Kotlin语法篇之如何让函数更好地调用][Kotlin 14]**
 *  **[浅谈Kotlin语法篇之变量和常量][Kotlin 15]**
 *  **[浅谈Kotlin语法篇之基础语法][Kotlin 16]**

> Effective Kotlin翻译系列

*  **[\[译\]Effective Kotlin系列之考虑使用原始类型的数组优化性能(五)][Effective Kotlin]**
 *  **[\[译\]Effective Kotlin系列之使用Sequence来优化集合的操作(四)][Effective Kotlin_Sequence]**
 *  **[\[译\]Effective Kotlin系列之探索高阶函数中inline修饰符(三)][Effective Kotlin_inline]**
 *  **[\[译\]Effective Kotlin系列之遇到多个构造器参数要考虑使用构建器(二)][Effective Kotlin 1]**
 *  **[\[译\]Effective Kotlin系列之考虑使用静态工厂方法替代构造器(一)][Effective Kotlin 2]**

> 实战系列:

*  **[用Kotlin撸一个图片压缩插件ImageSlimming-导学篇(一)][Kotlin_ImageSlimming-]**
 *  **[用Kotlin撸一个图片压缩插件-插件基础篇(二)][Kotlin_-]**
 *  **[用Kotlin撸一个图片压缩插件-实战篇(三)][Kotlin_- 1]**
 *  **[浅谈Kotlin实战篇之自定义View图片圆角简单应用][Kotlin_View]**

[TinyPng]: https://tinypng.com/
[16447171482b8c21_w_2740_h_1552_f_jpeg_s_568511]: https://user-gold-cdn.xitu.io/2018/6/28/16447171482b8c21?w=2740&h=1552&f=jpeg&s=568511
[1644718434a1301e_w_2760_h_1558_f_jpeg_s_559829]: https://user-gold-cdn.xitu.io/2018/6/28/1644718434a1301e?w=2760&h=1558&f=jpeg&s=559829
[1644724fc9161517_w_592_h_76_f_png_s_14993]: https://user-gold-cdn.xitu.io/2018/6/29/1644724fc9161517?w=592&h=76&f=png&s=14993
[https_tinypng.com_developers]: https://tinypng.com/developers
[164472532e282ef9_w_580_h_150_f_png_s_42357]: https://user-gold-cdn.xitu.io/2018/6/29/164472532e282ef9?w=580&h=150&f=png&s=42357
[1644725a4d947b6d_w_588_h_40_f_png_s_26757]: https://user-gold-cdn.xitu.io/2018/6/29/1644725a4d947b6d?w=588&h=40&f=png&s=26757
[164472608ad00bad_w_530_h_200_f_png_s_49352]: https://user-gold-cdn.xitu.io/2018/6/29/164472608ad00bad?w=530&h=200&f=png&s=49352
[1644726802c65fa7_w_530_h_200_f_png_s_65866]: https://user-gold-cdn.xitu.io/2018/6/29/1644726802c65fa7?w=530&h=200&f=png&s=65866
[16447269fa206e71_w_410_h_188_f_png_s_55593]: https://user-gold-cdn.xitu.io/2018/6/29/16447269fa206e71?w=410&h=188&f=png&s=55593
[1644726bdcafa06d_w_652_h_350_f_png_s_141324]: https://user-gold-cdn.xitu.io/2018/6/29/1644726bdcafa06d?w=652&h=350&f=png&s=141324
[1644726dde590d64_w_526_h_192_f_png_s_77747]: https://user-gold-cdn.xitu.io/2018/6/29/1644726dde590d64?w=526&h=192&f=png&s=77747
[Link 1]: https://github.com/BayMikyou/ImageSlimming
[Link 2]: https://github.com/BayMikyou/ImageSlimming/blob/feature-develop/ImageSlimming.zip
[1635c3fb0ba21ec1_w_430_h_430_f_jpeg_s_39536]: https://user-gold-cdn.xitu.io/2018/5/14/1635c3fb0ba21ec1?w=430&h=430&f=jpeg&s=39536
[Kotlin]: https://blog.csdn.net/u013064109/article/details/89078666
[Kotlin 1]: https://blog.csdn.net/u013064109/article/details/89023937
[Kotlin_Companion Object]: https://blog.csdn.net/u013064109/article/details/89199478
[Kotlin_PR]: https://blog.csdn.net/u013064109/article/details/85180755
[Kotlin 2]: https://blog.csdn.net/u013064109/article/details/84899657
[Kotlin_inline class]: https://blog.csdn.net/u013064109/article/details/84866092
[Kotlin_Reified]: https://blog.csdn.net/u013064109/article/details/83388976
[Kotlin 3]: https://blog.csdn.net/u013064109/article/details/83120352
[_Kotlin]: https://blog.csdn.net/u013064109/article/details/83099581
[Kotlin 4]: https://blog.csdn.net/u013064109/article/details/80344848
[Kotlin 5]: https://blog.csdn.net/u013064109/article/details/80358822
[Kotlin_ run_with_let_also_apply]: https://blog.csdn.net/u013064109/article/details/80387322
[Kotlin_typealias]: https://blog.csdn.net/u013064109/article/details/80444565
[Kotlin_Sequences_Lists]: https://blog.csdn.net/u013064109/article/details/80562009
[Kotlin_List_Sequence]: https://blog.csdn.net/u013064109/article/details/80740230
[Kotlin 6]: https://blog.csdn.net/u013064109/article/details/88985474
[Kotlin 7]: https://blog.csdn.net/u013064109/article/details/86695094
[Jetbrains_Kotlin1.3_inline class]: https://blog.csdn.net/u013064109/article/details/84837918
[JetBrains_Kotlin1.3_Contract]: https://blog.csdn.net/u013064109/article/details/84782206
[JetBrains_Kotlin_Native]: https://blog.csdn.net/u013064109/article/details/84729814
[Kotlin 8]: https://blog.csdn.net/u013064109/article/details/84504847
[Kotlin 9]: https://blog.csdn.net/u013064109/article/details/84060626
[Kotlin 10]: https://blog.csdn.net/u013064109/article/details/83869716
[Kotlin_Reified 1]: https://blog.csdn.net/u013064109/article/details/83507076
[Kotlin 11]: https://blog.csdn.net/u013064109/article/details/82794410
[Kotlin_Sequences]: https://blog.csdn.net/u013064109/article/details/80588034
[Kotlin_API_-]: https://blog.csdn.net/u013064109/article/details/80275942
[Kotlin_lambda]: https://blog.csdn.net/u013064109/article/details/80139556
[Kotlin_Lambda]: https://blog.csdn.net/u013064109/article/details/80088158
[Kotlin 12]: https://blog.csdn.net/u013064109/article/details/79968846
[Kotlin 13]: https://blog.csdn.net/u013064109/article/details/79887528
[Kotlin 14]: https://blog.csdn.net/u013064109/article/details/79503709
[Kotlin 15]: https://blog.csdn.net/u013064109/article/details/79296502
[Kotlin 16]: https://blog.csdn.net/u013064109/article/details/77843579
[Effective Kotlin]: https://blog.csdn.net/u013064109/article/details/84996951
[Effective Kotlin_Sequence]: https://blog.csdn.net/u013064109/article/details/84981570
[Effective Kotlin_inline]: https://blog.csdn.net/u013064109/article/details/84948769
[Effective Kotlin 1]: https://blog.csdn.net/u013064109/article/details/82121020
[Effective Kotlin 2]: https://blog.csdn.net/u013064109/article/details/81916446
[Kotlin_ImageSlimming-]: https://blog.csdn.net/u013064109/article/details/80850992
[Kotlin_-]: https://blog.csdn.net/u013064109/article/details/80879296
[Kotlin_- 1]: https://blog.csdn.net/u013064109/article/details/81814643
[Kotlin_View]: https://blog.csdn.net/u013064109/article/details/80102036