Android：如何正確設計用戶界面

Question

我爲我的Android應用程序使用Eclipse：當我創建佈局時，我直接書寫xml代碼，因爲我不喜歡圖形佈局代表項目（例如我看不到ListView） 。有沒有辦法使Eclipse更好地工作，或者有沒有第三方工具可以幫助設計更好的用戶界面？

在此先感謝和問候！ c。

Answer 1

DroidDraw是我所知道的最好的第三方工具，但它並不完美。在我開始使用DroidDraw之後，大部分時間我都不得不調整XML。

Answer 2

圖形佈局編輯器是一項非常重要的工作，並且在最新的SDK工具迭代中有相當大的改進。確保你已經更新到3.0SDK發佈的最新工具。其次，很難完全表示由像ListView這樣的適配器支持的視圖。佈局編輯器必須能夠訪問您用來填充子視圖的數據。如果您從網絡或數據庫中提取數據，那麼在佈局編輯器中即時渲染視圖變得非常複雜。靜態視圖顯示正常，只有AdapterView或Custom View組件存在問題。 IMO仿真器或真實設備是衡量UI可用性和外觀的最佳方式。

Answer 3

Eclipse工具已經變得更好，但仍然不夠好。而且你看不到數據支持的視圖。我使用這個名爲PicMe http://www.androlib.com/android.application.com-bw-picme-qDnn.aspx的應用程序來抓取我的手機屏幕截圖，然後在Photoshop中進行遊戲，直到我對結果滿意爲止。然後將其轉換爲9補丁，然後再次測試。笨重但行之有效。

也有這個PSD，你可以用它來模擬式佈局：http://www.smashingmagazine.com/2009/08/18/android-gui-psd-vector-kit/

Answer 4

我會建議分裂UI設計與實施分成兩個獨立的任務。

根據您的平臺，您有幾個設計階段的選項：Mac有Omnigraffle，過去我使用了一個名爲Pencil的跨平臺工具。關鍵詞是「模擬」，如果這些選項都不適用於您，還有很多其他選項可以進行搜索。即使筆記本上的直線草圖也是一個很好的開始。您將開始創建非功能性線框佈局。這個想法是，你可以快速開展並嘗試不同的選擇，直到你喜歡你所擁有的。

此時，您可以啓動Eclipse並使用佈局編輯器（或簡單的xml）實現您的設計。在預先準備的設計中，實際的編碼應該是相對機械和直接的。調整它以匹配設計的「簡單」，可能會有點棘手，但模擬器運行這個過程的週轉時間非常短。