關(guān)于圖片壓縮的idea插件

今天主要是想給大家介紹最近自己開發(fā)的圖片壓縮插件，該插件用到了 tinypng 的在線服務(wù)。大家可能都知道，tinypng提供的圖片壓縮服務(wù)特別好用，壓縮比例非常大，但是對圖片質(zhì)量影響比較小。

上次已經(jīng)教大家怎么使用開發(fā)了，這次創(chuàng)建項(xiàng)目之類的流程不再贅述。直接來看看代碼就好了。

項(xiàng)目依賴

在這里我們需要添加 tinypng 的 API 依賴

implementation("com.tinify:tinify:latest.release")

核心實(shí)現(xiàn)

在這個 idea 插件項(xiàng)目中，指北君這邊提供了一個 dialog 的方式來展示，這一部分指北君通過 Java Swing 的方式來展現(xiàn)。以前聽到swing 總感覺頭大，感覺很復(fù)雜，但是在實(shí)際開發(fā)過程中，idea 在 Java Swing 的開發(fā)上，做了很大的改進(jìn)。全程可以靠UI設(shè)計(jì)器搞定， 出來的UI也是挺好看的。

Jetbrains 在Java UI 開發(fā)上真的下了不少的功夫。通過 GridLayout 進(jìn)行布局，全程拖控件， 有種回到當(dāng)年做 .net winform 開發(fā)的感覺。

項(xiàng)目是通過 kotlin 進(jìn)行開發(fā)的，涉及到了kotlin的一些函數(shù)擴(kuò)展方法等特性。對于Java 的朋友可能有一些不太適應(yīng)，但是看懂不難哦。

AnAction

在idea中每一個操作都是一個AnAction 對象，所以我們這里也需要創(chuàng)建我們自己的AnAction.

class ImageCompressionAction : AnAction() {

    override fun actionPerformed(e: AnActionEvent) {
        checkApiKeyFile(notExistAction = {
            popupInputKeyDialog(event = e)
        }, existAction = { apiKey - >
            setTinyPNGApiKey(apiKey)
            popupCompressDialog(event = e)
        })
    }

    private fun popupInputKeyDialog(event: AnActionEvent?) {
        InputKeyDialog(object : InputKeyDialog.DialogCallback {
            override fun onOkBtnClicked(tinyPngKey: String) = checkApiKeyValid(project = getEventProject(event), apiKey = tinyPngKey, validAction = {
                updateExpireApiKey(apiKey = tinyPngKey)
                popupCompressDialog(event)
            }, invalidAction = {
                popupInputKeyDialog(event)
            })
            override fun onCancelBtnClicked() {
                TODO("Not yet implemented")
            }

        }).show()
    }

    private fun popupCompressDialog(event: AnActionEvent?) {
        ImageCompressionDialog(object : DialogCallback {
            override fun onOkClicked(model: ImageCompressionModel) {
                val inputFiles = readInputDirFiles(model.inputDir)
                val startTime = System.currentTimeMillis()
                compressImage(
                    project = getEventProject(event),
                    inputFiles = inputFiles,
                    model = model,
                    successAction = {
                        Messages.showWarningDialog(
                            "壓縮完成, 已壓縮: ${inputFiles.size}張圖片, 壓縮總時長共計(jì): ${(System.currentTimeMillis() - startTime) / 1000}s",
                            "提示"
                        )
                    },
                    failAction = {
                        popupInputKeyDialog(event = event)
                    })
            }

            override fun onCancelClicked() {
                TODO("Not yet implemented")
            }

        }).show()
    }
}

在這個AnAction 中我們主要做了以下幾件事情：

• 檢查 tinypng api key 是否有效
• 檢查 彈出圖片壓縮界面
• 填充圖片壓縮界面的歷史數(shù)據(jù)

前端界面

主要有兩個界面，一個是輸入APIKey的界面，另外一個是選擇圖片路徑進(jìn)行壓縮的界面。

1、API Key 輸入界面，這個界面做的比較簡單，只是簡單的輸入 TinyPng 網(wǎng)站申請過來的 key ，對key 進(jìn)行保存。

2、 選擇圖片路徑的界面， 選擇圖片的源目錄，和輸出目錄， 并且可以設(shè)置輸出文件的前綴名。