0 背景

凡是涉及界面的移動端開發(fā)敦腔，必要會和各種資源文件打交道，如顏色胞谭、文本垃杖、尺寸、圖片等丈屹。對于圖片資源调俘，一般的開發(fā)流程如下：

ks_manage_res_old_work_flow.png

常規(guī)圖片管理使用流程

1. 開發(fā)不修改圖片文件的命名伶棒，全部圖片文件完全由視覺定義

   由于圖片名稱名不能反應該圖片在 app 中的位置或功能，因此當項目工程進展到一定程度彩库，圖片數(shù)量變多肤无，圖片的維護就容易變的混亂，如出現(xiàn)重復圖片骇钦、圖片不合理的復用等問題

2. 開發(fā)根據(jù)模塊宛渐、功能等修改圖片文件的命名

   開發(fā)接收到圖片之后，人肉修改圖片名眯搭，自己維護一份資源窥翩，而視覺們也需要維護一份資源，容易造成 2 份資源的不同步

1 實踐

• 保證圖片資源只存在一份

  視覺維護一份圖片資源鳞仙，開發(fā)不允許人肉重命名寇蚊。

• 如何保證視覺后期維護

  為保證視覺保證圖片和功能模塊對應，則視覺通過文件夾的方式管理圖片棍好。相關模塊的文件仗岸，放置在對應模塊名的文件夾下。如地址模塊的圖片放置在 address 文件夾下借笙，購物車模塊的圖片放置在 shoppingcart 文件夾下扒怖，全局圖片放置在 all 文件夾下。另外不同倍率的圖片分別放置在 mipmap-xhdpi提澎、mipmap-xxhdpi 等文件夾下姚垃。

• 視覺通過什么途徑給開發(fā)資源

  為避免單對單的 popo 傳輸和郵件發(fā)送念链，我們?yōu)閳D片資源建立了 git 倉庫盼忌，視覺們上傳 git，開發(fā)拉取圖片(不允許上傳)掂墓。同時谦纱，使用 git 倉庫，也使得圖片的增刪改君编，有記錄可查跨嘉。

• 開發(fā)如何使用圖片

  android 工程中，圖片資源是平鋪放置的吃嘿，而視覺維護的圖片是分別放置在對應模塊名的文件夾下（不同文件夾內(nèi)可能存在同名文件）祠乃。然后，我們也規(guī)定了不允許人肉修改文件名兑燥。那么亮瓷，開發(fā)該如何將圖片集成到工程中呢？很簡單降瞳，寫個腳本程序嘱支，將文件夾內(nèi)的圖片拼接上文件夾名蚓胸，再拷貝出來就能解決了，如 address/back.png → address_back.png

2 git 圖片同步自動化

到這里除师，已經(jīng)基本解決以往圖片維護的各種問題了沛膳，不過上述流程還是存在不便利的地方：

1. 腳本程序拷貝出來的文件，程序員需要人肉選擇出里面需要的圖片汛聚，并移動到工程中
2. 視覺刪除的不用的圖片锹安，開發(fā)需要根據(jù) git 記錄人肉地刪除工程中的文件
3. 由于存在人肉才做難免還是會出現(xiàn)圖片 git 倉庫和工程中的圖片存在不一致的情況，如項目工程中存在冗余圖片未刪除的情況
4. app 工程中圖片資源無歷史更新記錄
5. 由于 app 是多分支開發(fā)倚舀，同時部分分支是在將來的版本上線八毯，而視覺圖片倉庫是單分支（不指望視覺同學管理 git 倉庫分支），此時 app 工程容易出現(xiàn)冗余圖片

對于上述問題瞄桨，我們需要有工具完成以下目標

1. 自動更新圖片 git 倉庫
2. 自動比對 app 工程圖片和圖片 git 倉庫话速，輸出各文件夾增、刪芯侥、改的圖片信息泊交，并支持預覽
3. 支持開發(fā)選擇和取消改動的圖片操作，并同步到 app 工程

ks_manage_res_work_flow_plugin_new.jpg

插件安裝界面

ks_manage_res_work_flow_plugin_demo_new_1.gif

插件操作示例

Android Studio 控制臺輸出文本示例：

[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 新的管理流程

ks_manage_res_new_work_flow.png

以上流程柱查，相比原有的圖片管理方式廓俭，更加簡單高效且易于維護

附上插件源碼 https://github.com/bitterbee/AndroidMipmapUpdatePlugin