Android Drawable Importer的使用

項目地址:https://github.com/winterDroid/android-drawable-importer-intellij-plugin
這個插件由三種主要特點組成,我們可以在Android目錄結構下右擊,或者在res目錄下右擊,然後選擇New,如下圖所示:

Android目錄結構右擊:
Android

res目錄右擊:
res

上述說到插件分爲三個主要特徵,即 Icon Pack Drawable Importer(圖標包導入)Vector Drawable Importer(矢量圖導入) 構成第一個特徵,Batch Drawable Import(批處理圖導入) 作爲第二特徵,Multisource-Drawable(多源圖導入) 作爲第三特徵。

Icon Pack Drawable Importer(圖標包導入)Vector Drawable Importer(矢量圖導入)

1. 右擊選擇 Icon Pack Drawable Importer(圖標包) 我們可以看到如下:

Icon Pack Drawable Importer

Search: 用來搜索庫裏所存在的圖片

Icon Pack: 圖片類型,分爲Material Icons和Android Icons

Category: 你所使用的圖片在庫裏的分類

Asset: 同Search所搜索到的圖片

Size: 你所使用圖片大小,此選擇下的大小是drawable-mdpi下該圖片的大小

Color: 顏色選擇

Format: 選擇圖片類型,png格式或者jpg格式

Resource Name: 你所使用圖片所要定義的名字

Resource root: 圖片存儲路徑,一般都會是你默認項目的路徑,無需更改

Dimensions: 你所需要的該圖片的所有分辨率

注意:所有的drawable文件夾都不要你來創建,插件會爲你自動創建相對應的文件夾。

2. 右擊選擇 Vector Drawable Importer(矢量圖導入) 我們可以看到如下:

vector

首先提出一個問題,什麼叫矢量圖?簡單一句話:它不會因爲圖像的縮放而失真。具體瞭解可以參考這篇文章 http://jcodecraeer.com/a/anzhuokaifa/androidkaifa/2015/0123/2346.html

它的選項內容和上述的Icon Pack Drawable Importer大致相同,這裏就不再贅述。我們選擇ok之後插件會自動爲我們創建一個文件夾,如下圖:

anyDpi

是不是很通俗?任何分辨率都使用該文件夾下的該圖片。

Batch Drawable Import(批量圖導入)

有的時候你可能準備好了一堆圖片並放在了文件夾下,你希望它們每個都有相對應的分辨率,那麼如何來解決呢?我們不妨選擇Batch Drawable Import(批量圖導入),右擊後如下圖所示:

這裏寫圖片描述

選擇右側的加號後我們就可以對一個文件夾進行導入了,如下圖:

這裏寫圖片描述

這個時候我們可以選擇右側的繪筆,對此圖進行編輯,如下圖:

這裏寫圖片描述

Source-File: 圖片路徑

Soucu-Resoulution: 圖片分辨率大小

Source-Width: 圖片寬度

Souce-Height: 圖片高度

Target-Resoulution: 你所需要的該圖片的所有分辨率

Target-Name: 圖片名稱

Target-Root: 圖片存儲路徑,一般都會是你默認項目的路徑,無需更改

Algorithm: 圖片算法,分爲 Scalr(應該是scale,比例) 和 Thumbnailator(縮略圖)

Method: 存儲方式:Automatic(自動) Speed(快速) Balanced(平衡) Quality(質量) Ultra Quality(高質量)

Format:選擇圖片類型,png格式或者jpg格式

注意:這個同樣適用於9-Patch-Images,不過有的時候可能需要你刪除/添加一個或其他9-Patch-Editor“像素”。

Multisource-Drawable

有的時候,你可能會有一個如下結構的zip包:

root/
./drawable_ldpi.png
./drawable_mdpi.png
./drawable_hdpi.png
./drawable_xhdpi.png

如圖所示:

這裏寫圖片描述

它的意思就是每張圖片的不同分辨率,當然這裏爲了方便起見,每張圖的大小是一樣的,只是名字不同。Multisource-Drawable有一個非常方便的功能就是可以直接對zip的壓縮包直接進行操作,如下圖所示:

這裏寫圖片描述

我們可以對上述的zip壓縮包直接進行操作,導入壓縮包之後,我們可以發現插件已經自動爲我們創建了文件夾並且導入了相對應的圖片,如下圖所示:

這裏寫圖片描述

當然,除了對zip壓縮包直接進行操作,我們也可以對單張圖片進行操作,如下圖所示:

這裏寫圖片描述

圖片的選擇我是隨意操作的,這個的過程就省去了多次添加圖片的麻煩,我們可以在這裏一次性全部導入,什麼圖片放在哪個drawable文件夾下,都是由自己主動選擇的。

發佈了41 篇原創文章 · 獲贊 81 · 訪問量 15萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章