也許有的開發者以爲在Android開發中用戶界面設計和實現簡陋而麻煩,缺少有效的幫助和支持。Android-ui-utils開源項目包含了一系列工具,幫助咱們更好的設計和開發Android用戶界面。項目主頁爲http://code.google.com/p/android-ui-utils/。它主要包含如下幾個主要工具: html
這是一個基於網頁的工具,能夠幫助用戶生成Android的圖像資源。地址爲:http://android-ui-utils.googlecode.com/hg/asset-studio/dist/index.html。Android Asset Studio包含兩個工具:
一、圖標生成器 - 爲應用建立圖標
圖標生成器能夠很快速和方便的從現有圖片、文本生成Android應用的圖標。它能夠分別生成以下類別的圖標:
• 啓動器圖標
• 菜單圖標
• 活動欄(Action bar)圖標(Android 3.0+)
• 標籤(Tab)圖標
• 通知圖標
圖標生成器總體界面很是簡單美觀(使用了jQuery UI的界面),功能也很齊全,能夠生成各類API Level以及分辨率的圖標。 android
二、設備結構生成器 - 查看設計圖在不一樣屏幕Android手機上的真實效果
設備結構生成器能夠快速的把一張設計圖放到不一樣的Android設備上,以便於比較和查看真實效果。它支持幾種常見的手機,分別爲Nexus One、Nexus S、Galaxy Nexus、Motorola XOOM。地址爲http://android-ui-utils.googlecode.com/hg/asset-studio/dist/device-frames.html。
使用方法是將電腦裏的圖片拖拽到以下幾個手機設備上,右邊將會顯示實際的效果圖(這個拖拽交互效果的實現咱們又要感謝HTML5,因此請用Chrome打開): 工具
對於這個工具,個人感覺是若是支持更多機型和Tab就更好了。 ui
大家的設計師是否是常常把設計圖導入到手機上,而後和產品經理、開發工程師一塊兒查看和討論界面設計?Android Design Preview可讓這一個流程更加方便和簡單。它讓人能夠實時的在真實設備上查看Android高保真的設計圖,讓視覺設計師像開發工程師同樣所見即所得的工做。這個工具的做者是Google的Roman Nurik,它還同時支持Mac和Windows平臺。 google
使用方法:
一、先在http://code.google.com/p/android-ui-utils/左下方選擇合適的包下載(Windows是jar包,Mac是dmg格式)。
二、鏈接到Android手機並雙擊運行下載後的文件,運行界面以下圖所示(同時它還在你的Android手機上安裝了名爲Design Preview的應用): 設計
三、點擊「Select Mirror Region」,電腦屏幕上會出現以下的界面,這個格子能夠拖動,雙擊或者按Esc隱藏(注意:僅僅是隱藏而已)。 code
四、把格子拖動到任何你想要的地方,你能夠同時看到格子裏面的內容已經實時出如今你的Android手機上。若是你在Photoshop裏設計Andoid應用的界面,你全部的變動將所見即所得的同步顯示在Android手機上。下面是我在電腦上的格子裏查看Word文檔時手機上顯示的內容: htm
如今不少工做都變得很是方便和容易,是否是? 圖片