0 背景
凡是涉及界面的移動(dòng)端開(kāi)發(fā)，必要會(huì)和各種資源文件打交道，如顏色、文本、尺寸、圖片等。對(duì)于圖片資源，一般的開(kāi)發(fā)流程如下：
常規(guī)圖片管理使用流程
-
開(kāi)發(fā)不修改圖片文件的命名，全部圖片文件完全由視覺(jué)定義
由于圖片名稱(chēng)名不能反應(yīng)該圖片在 app 中的位置或功能，因此當(dāng)項(xiàng)目工程進(jìn)展到一定程度，圖片數(shù)量變多，圖片的維護(hù)就容易變的混亂，如出現(xiàn)重復(fù)圖片、圖片不合理的復(fù)用等問(wèn)題
-
開(kāi)發(fā)根據(jù)模塊、功能等修改圖片文件的命名
開(kāi)發(fā)接收到圖片之后，人肉修改圖片名，自己維護(hù)一份資源，而視覺(jué)們也需要維護(hù)一份資源，容易造成 2 份資源的不同步
1 實(shí)踐
-
保證圖片資源只存在一份
視覺(jué)維護(hù)一份圖片資源，開(kāi)發(fā)不允許
人肉重命名。 -
如何保證視覺(jué)后期維護(hù)
為保證視覺(jué)保證圖片和功能模塊對(duì)應(yīng)，則視覺(jué)通過(guò)文件夾的方式管理圖片。相關(guān)模塊的文件，放置在對(duì)應(yīng)模塊名的文件夾下。如地址模塊的圖片放置在 address 文件夾下，購(gòu)物車(chē)模塊的圖片放置在 shoppingcart 文件夾下，全局圖片放置在 all 文件夾下。另外不同倍率的圖片分別放置在 mipmap-xhdpi、mipmap-xxhdpi 等文件夾下。
-
視覺(jué)通過(guò)什么途徑給開(kāi)發(fā)資源
為避免單對(duì)單的 popo 傳輸和郵件發(fā)送，我們?yōu)閳D片資源建立了 git 倉(cāng)庫(kù)，視覺(jué)們上傳 git，開(kāi)發(fā)拉取圖片(不允許上傳)。同時(shí)，使用 git 倉(cāng)庫(kù)，也使得圖片的增刪改，有記錄可查。
-
開(kāi)發(fā)如何使用圖片
android 工程中，圖片資源是平鋪放置的，而視覺(jué)維護(hù)的圖片是分別放置在對(duì)應(yīng)模塊名的文件夾下（不同文件夾內(nèi)可能存在同名文件）。然后，我們也規(guī)定了不允許
人肉修改文件名。那么，開(kāi)發(fā)該如何將圖片集成到工程中呢？很簡(jiǎn)單，寫(xiě)個(gè)腳本程序，將文件夾內(nèi)的圖片拼接上文件夾名，再拷貝出來(lái)就能解決了，如 address/back.png → address_back.png
2 git 圖片同步自動(dòng)化
到這里，已經(jīng)基本解決以往圖片維護(hù)的各種問(wèn)題了，不過(guò)上述流程還是存在不便利的地方：
- 腳本程序拷貝出來(lái)的文件，程序員需要
人肉選擇出里面需要的圖片，并移動(dòng)到工程中 - 視覺(jué)刪除的不用的圖片，開(kāi)發(fā)需要根據(jù) git 記錄
人肉地刪除工程中的文件 - 由于存在
人肉才做難免還是會(huì)出現(xiàn)圖片 git 倉(cāng)庫(kù)和工程中的圖片存在不一致的情況，如項(xiàng)目工程中存在冗余圖片未刪除的情況 - app 工程中圖片資源無(wú)歷史更新記錄
- 由于 app 是多分支開(kāi)發(fā)，同時(shí)部分分支是在將來(lái)的版本上線(xiàn)，而視覺(jué)圖片倉(cāng)庫(kù)是單分支（不指望視覺(jué)同學(xué)管理 git 倉(cāng)庫(kù)分支），此時(shí) app 工程容易出現(xiàn)冗余圖片
對(duì)于上述問(wèn)題，我們需要有工具完成以下目標(biāo)
- 自動(dòng)更新圖片 git 倉(cāng)庫(kù)
- 自動(dòng)比對(duì) app 工程圖片和圖片 git 倉(cāng)庫(kù)，輸出各文件夾
增、刪、改的圖片信息，并支持預(yù)覽 - 支持開(kāi)發(fā)選擇和取消改動(dòng)的圖片操作，并同步到 app 工程
插件安裝界面
插件操作示例
Android Studio 控制臺(tái)輸出文本示例：
[Ljava.lang.String;@22bdb9f8
Updating a9b339b..321f2ff
Fast-forward
android/mipmap-xhdpi/coupon/sem_circle.png | Bin 0 -> 14966 bytes
android/mipmap-xxhdpi/coupon/semi_circle.png | Bin 0 -> 15004 bytes
2 files changed, 0 insertions(+), 0 deletions(-)
create mode 100644 android/mipmap-xhdpi/coupon/sem_circle.png
From git.mail.netease.com:yanxuan_gui/yanxuan_gui
create mode 100644 android/mipmap-xxhdpi/coupon/semi_circle.png
a9b339b..321f2ff dev -> origin/dev
===================
Wed Feb 22 19:04:30 CST 2017
add /Users/.../yanxuan_gui/android/mipmap-xhdpi/coupon/sem_circle.png to /Users/.../YanXuan/app/src/main/res/mipmap-xhdpi/coupon_sem_circle.png
add /Users/.../yanxuan_gui/android/mipmap-xxhdpi/coupon/semi_circle.png to /Users/.../YanXuan/app/src/main/res/mipmap-xxhdpi/coupon_semi_circle.png
3 新的管理流程
以上流程，相比原有的圖片管理方式，更加簡(jiǎn)單高效且易于維護(hù)
附上插件源碼 https://github.com/bitterbee/AndroidMipmapUpdatePlugin
