2013-01-21 62 views
0

我是Android開發的初學者。我創建一個應用程序,我需要證明產品與列表:Android中的商品列表,如GooglePlay

  • 縮略圖
  • 名稱
  • 價格
  • 評級

我想讓它有點像Google play中的應用列表。有人能指導我做出這種UI的起點嗎? 我認爲它與GridView有關,但如果是的話,不知道如何繼續。 謝謝。

編輯:我認爲人們誤解了我的GooglePlay參考。我粘貼一張圖片來展示我希望自己的UI如何。

http://i49.tinypic.com/2cqjqx0.png (我不能發表圖片..)

我已經有標籤的滑動和一切。只想知道如何創建這種類型的列表。 再次感謝!

+0

嘗試使用GridView和使用適配器負載的縮略圖,名稱,價格和評級類http://developer.android.com/guide/topics/ui/layout/ gridview.html – harish

+0

@sudhanshu你想創建列表或網格視圖 – Janmejoy

+0

@Janmejoy'GridView'或'ListView'其實並不重要。我只是想知道如何實現一個GooglePlay列表的應用程序列與2列:) – Sudhanshu

回答

1

我認爲thisthis是你所需要的。 檢查鏈接。他們會對你有用。它被稱爲自定義列表視圖

+0

感謝您的回覆。我已經創建了你鏈接的內容。但我需要的是在每一行中創建一個包含2個項目的網格,並且該列表將變爲無限。我完全不知道該怎麼做! – Sudhanshu

+0

http://stackoverflow.com/questions/12837780/android-set-the-gridview-to-have-2-columns-per-row-only –

+0

http://stackoverflow.com/questions/7286900/dynamically-add -listview-in-the-code-to-scrollview/7287963#7287963 –

1

您需要做的是創建一個名爲layoutcustom view以獲取列表項目

以下代碼將創建一個您選擇的列表項。根據您的要求修改代碼。但你可以從下面的代碼中獲得想法。

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
> 

<ImageView 
    android:id="@+id/imageView1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentLeft="true" 
    android:layout_alignParentTop="true" 
    android:src="@drawable/ic_launcher" /> 

<TextView 
    android:id="@+id/txtItemName" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentTop="true" 
    android:layout_toRightOf="@+id/imageView1" 
    android:text="Item Name" 
    android:textAppearance="?android:attr/textAppearanceLarge" /> 

<TextView 
    android:id="@+id/txtItemPrice" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignBottom="@+id/imageView1" 
    android:layout_alignLeft="@+id/txtItemName" 
    android:text="Item Price" /> 

<TextView 
    android:id="@+id/txtRating" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignBaseline="@+id/textView1" 
    android:layout_alignBottom="@+id/textView1" 
    android:layout_alignParentRight="true" 
    android:text="Rating" 
    android:textAppearance="?android:attr/textAppearanceSmall" /> 

layout只需複製並粘貼上面的代碼,並切換到Graphical Layout。你可以看到結果。

以下鏈接可幫助您如何在列表視圖中使用customized layoutCustom List1Custom List2

0

這兩種Android GridView可以配置爲水平或垂直滾動​​。

This gridview是你在找什麼。

希望它能幫助:)

+0

我看着它。這個實用程序看起來不錯,但它沒有解釋它是如何實現每行中的2個項目以及如何實現THAT。無論如何,謝謝:) – Sudhanshu

+0

好吧,您可以查看該代碼。我知道沒有太多的解釋,但代碼中有有用的評論,所以我們可以閱讀和學習。我也希望這種功能在我的項目和做一些谷歌搜索我發現這個項目。任何方式,如果我的回答對你有用,那麼不要忘記接受它:) – AndroidLearner