Android ui utils-簡單實用的Android介面工具

文章目錄

• 一、Android Asset Studio
• 二、Android Design Preview

        也許有的開發人員覺得在Android開發中使用者介面設計和實現簡陋而麻煩，缺乏有效協助和支援。Android-ui-utils開源項目包含了一系列工具，協助我們更好的設計和開發Android使用者介面。項目首頁為http://code.google.com/p/android-ui-utils/。它主要包含以下幾個主要工具：

一、Android Asset Studio

        這是一個基於網頁的工具，可以協助使用者產生Android的映像資源。地址為：http://android-ui-utils.googlecode.com/hg/asset-studio/dist/index.html。Android Asset Studio包含兩個工具：
1、表徵圖產生器 - 為應用建立表徵圖
        表徵圖產生器可以很快速和方便的從現有圖片、文本產生Android應用的表徵圖。它可以分別產生如下類別的表徵圖：
•啟動器表徵圖
•菜單表徵圖
•活動欄（Action bar）表徵圖（Android 3.0+）
•標籤（Tab）表徵圖
•通知表徵圖
        表徵圖產生器整體介面非常簡單美觀（使用了jQuery UI的介面），功能也很齊全，可以產生各種API Level以及解析度的表徵圖。 

2、裝置結構產生器 - 查看設計圖在不同螢幕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就更好了。
二、Android Design Preview

        你們的設計師是不是經常把設計圖匯入到手機上，然後和產品經理、開發工程師一起查看和討論介面設計？Android Design Preview可以讓這一個流程更加方便和簡單。它讓人可以即時的在真實裝置上查看Android高保真的設計圖，讓視覺設計師像開發工程師一樣所見即所得 (WYSIWYG)的工作。這個工具的作者是Google的Roman Nurik，它還同時支援Mac和Windows平台。 

使用方法：
1、先在http://code.google.com/p/android-ui-utils/左下方選擇合適的包下載（Windows是jar包，Mac是dmg格式）。
2、串連到Android手機並雙擊運行下載後的檔案，運行介面如所示（同時它還在你的Android手機上安裝了名為Design Preview的應用）： 

3、點擊“Select Mirror Region”，電腦螢幕上會出現如下的介面，這個格子可以拖動，雙擊或者按Esc隱藏（注意：僅僅是隱藏而已）。 

4、把格子拖動到任何你想要的地方，你可以同時看到格子裡面的內容已經即時出現在你的Android手機上。如果你在Photoshop裡設計Andoid應用的介面，你所有的變更將所見即所得 (WYSIWYG)的同步顯示在Android手機上。下面是我在電腦上的格子裡查看Word文檔時手機上顯示的內容： 

        現在很多工作都變得非常方便和容易，是不是？

        轉載請說明：來自蔣宇捷的部落格（http://blog.csdn.net/hfahe）。