2011-10-16 66 views
3

我見過很多關於如何使用線性和相對佈局進行UI設計的文章,但沒有看到任何具體說明如何創建如下UI的內容:如何在Android中實現高級UI設計

http://i.stack.imgur.com/ojSHM.jpg

http://i.stack.imgur.com/gNXaO.jpg

這些僅僅是一個圖像集(即一個Photoshop設計瓜分)?如果是這樣,是否有任何示例應用程序/文章/教程,展示如何採取photoshop設計,適當切片,以及如何在eclipse中爲多個android設備正確編碼?

我不是在尋找能夠向我展示如何使用線性佈局的文章,因爲我已經見過其中的十幾篇文章。我正在尋找需要設計和實現的東西。像上面的圖像更高級的東西。

謝謝!

保重, 香

回答

2

讓我分享我的觀點,這些2個設計:

  1. Facebook的儀表盤窗口:

    • 藍頂欄和底部的通知背景圖像使用9-patch工具創建的。
    • 中間部分圖標「新聞Feed」,「Profile」是具有3列和可能的水平間距/垂直間距的網格視圖。
    • 第二個底部部分可以使用圖像庫視圖創建。
  2. 第二個具有包含RelativeLayout的掌握,它在中間部分用剖開的ListView準備,一切別人都在用的RelativeLayout用按鈕來實現。

FYI,大多背景圖像/圖標被使用9修補工具製備。使用9貼片圖像,我們可以創建一個可縮放的圖形。

+1

謝謝!這讓我對如何實現類似的東西有了很好的認識。欣賞它。 –

+0

@ShannonCole Cheers :)繼續思考現有的幾個應用程序的用戶界面,然後你也會對你的應用程序有所瞭解。 –

0

這些都不出現使用您所描述的過程。

菜單欄是用塑料效果背景完成的。

圖標就是這樣

拖放陰影是android視圖的一個功能。所以這不需要自定義圖形。

你可能在這裏失蹤的是,圖標等將使用透明PNG的東西混合。