2013-03-22 27 views
-9

我必須演示Android應用程序。在本演示中,我會用這樣的屏幕(我的醜陋形象不好意思):Android:如何設計此佈局

Image for Android UI

在此圖像中,有方形的項目清單。在每個項目中都有一個小圖片和一個小文本項目來解釋它。同時,用戶可以選擇文本下方的兩個小按鈕(意味着用戶可以點擊這些項目並且會發生動作)。

這使得一個應用程序看起來不錯。但我不知道如何設計這樣的界面。請教我。

謝謝:)

+0

您是否檢查過文檔?他們是非常好的:http://developer.android.com/guide/topics/ui/declaring-layout.html – armandino 2013-03-22 16:59:42

+4

嗨@hqt,也許這將是一個更好的使用SO來閱讀這個在網上的許多教程當你遇到特定的問題時,請在這裏提問。 – 2013-03-22 17:00:43

+0

查看[Android設計](http://developer.android.com/design/index.html)UI提示網站,嘗試一些內容,然後再回來問一個更好的問題。 – 2013-03-22 17:05:02

回答

2

在某處爲屏幕的XML版式文件,你將有一個ListView爲本「水平」或GridView來保存每個元圖像項的(又名「'項目)。

您將爲Dish單獨顯示的XML佈局文件顯示在您的ListViewGridView中。

Dish的XML佈局文件將在頂層具有面向「垂直」的LinearLayout

垂直LinearLayout頂層將具有用於每行個別的觀點:對培養皿的圖像

  • ImageView
  • TextView爲標籤。
  • TextView爲數字值。
  • LinearLayout面向按鈕的「水平」。在此 LinearLayout中,您將擁有兩個圖標按鈕的個人Button

或者,你可以在頂層佈局更改爲RelativeLayout具體的定位更精確的控制,但LinearLayout更容易編程和更好的,除非你需要爲你的項目高級佈局功能。

您將不得不尋找ListViewGridView的示例,但是這裏有很多,找到這些教程或實現代碼並不是很困難。然後修改上面的XML項目佈局,你應該很好去!