Android設計應用圖標不用愁---Asset Studio Integration來幫你 .

2011-11-12 00:18 1295人閱讀 評論(6) 收藏 舉報

Android Asset Studio Web版是一個很是好用的Andrid圖標資源設計工具，它是由Roman Nurik開發的。

如今咱們已經在ADT14裏支持一樣的功能。首先，你要打開新建嚮導（Ctrl-N）,選擇Android分類，而後在其下找到名字爲「Android Icon Set」的這一項：

而後，將會彈出「資源選擇器」（這些資源其實就是你在佈局文件用到的那些圖片，好比對於上下文菜單自定義的背景圖片，就須要一個爲「Background」屬性設置一個@drawable的引用）對話框，該對話框裏有個按鈕(Create New Icon...)，點擊它.

當你打開Android Icon Set嚮導的時候，首先看到的是一個資源類型選擇界面，也就是你想建立哪一類圖標：

在這裏，你能夠選擇建立哪一類圖標，而且爲這個被建立的圖標起一個名字。

若是你選擇建立一個啓動圖標而且單擊了下一步，這時你會看到以下界面：

這個界面包含不少功能。首先你會在右邊看到咱們正在建立和處理的圖標的預覽圖。正如你所看到的，針對不一樣分辨率的屏幕它建立了多個圖標，這就是剛剛爲何咱們指的是一個「圖標集合」，而不只僅是一個「圖標」。除了上面顯示的，咱們還建立了一個高分辨率的「web」版本的圖標，你可能會在上傳應用到Android Market的時候用到它（譯者按：在上傳App倒Android Market的時候，能夠上傳一個大圖標）。

仔細看下這個圖標，你會發現它比咱們在上面預覽（Preview）那裏看到的更有光澤。你能夠選擇界面上的「Glossy」選項來使得你的圖標具備光澤的效果。

你還能夠設置背景的形狀。文本的字體、顏色等等。

然而，使用文本並不能作出很是好的圖標，可是請注意，這僅僅是咱們爲了獲得初步的效果而採起的一種很快捷的方式。請注意界面的最上面還有三個功能選項：

• 圖片
• 剪貼畫
• 文本

理想狀況下你會用你本身的「基準」圖像（或者若是須要的話會是一個剪貼畫），而後使用Asset Studio 嚮導生成合適的圖標。

你會問了：「我已經有了一個本身繪製好的圖標了，那麼我爲何還要再生成」？緣由就是Anroid有不一樣的版本、不一樣的主題，這就意味着你會提供不一樣效果、不一樣顏色以及不一樣樣式的圖標。好比下面我爲狀態欄和通知欄生成的圖標：

你能夠看到使用的基準圖像只是一個簡單的黑白相間的Bugdroid圖像，可是咱們爲Gingerbread(v9)、Honeycomb(v11)以及老的版本都生成了不一樣樣式的圖標。對於ActionBar，Asset Studio嚮導會生成亮、暗兩種不一樣Holo 主題的圖標。對於選項卡則會生成「選中」和「未選中」兩種不一樣樣式的圖標，而且對於v5（Andoid2.0）以前的版本則會新生成不一樣演示的「未選中」狀態的圖標（譯者按：Asset Studio對於v5版本先後生成的「爲選中」圖標是不同的，從下圖能夠看出，v5以前的圖標發白，v5以後的發灰）。

使用Asset Studio的一個優點就是在你點擊完成按鈕後，它能夠直接在你當前的項目中生成你設計好的圖標。這樣你就不用像使用Web版本（譯者按：前面提到過，這個工具一開始是Web App，ADT14才加入進來，成爲ADT的一部分）同樣，還要下載下來而且提取圖標放在正確的位置。它還會在圖標名字衝突的時候提示你是否覆蓋原文件。若是你在上面的資源選擇器界面裏點擊了「Create Icon」按鈕，那麼新建立的圖標將會在選擇器裏被選中。

當你點擊完成退出嚮導的時候，包資源管理器會自動更新而且選中新建立的圖標。

和ADT集成的第二個優點就是咱們能夠知道你的項目工程的minimum SDK target，咱們就能夠利用這些信息僅僅生成必要的圖標。好比你正在基於Android2.0或者以上版本開發一個App，那麼咱們將不會生成不須要的老的樣式的圖標，也不須要名字爲drawable-mdpi-v5的文件夾等等；生成的圖標直接會被放進drawable-mdpi文件夾裏。

咱們但願這些內容能讓你更容易的建立很好的應用。請不要常用那個文本功能:（譯者按：最好使用Image和Clipart兩個）-)咱們還仍須要爲AOSP貢獻更多的剪貼畫，這樣你們就能夠在嚮導裏選擇使用（譯者按：目前嚮導的剪貼畫只有一個，能夠參見前面的圖片），因此若是你是個藝術設計者，咱們很是歡迎你貢獻些剪貼畫出來！（請參見貢獻頁面）

很是感謝Roman Nurik寫出了這麼好的網頁應用而且爲移植到ADT提供了幫助。

譯自：http://tools.android.com/recent/assetstudiointegration

    轉自：http://blog.csdn.net/michael__li/article/details/6957975