Android 中的项目列表，如 Google Play

Question

我是 Android 开发的初学者。我正在创建一个应用程序，我需要将产品显示为列表：

• 缩略图
• 姓名
• 价格
• 评分

我想让它有点像 Google play 中的应用列表。有人可以指导我制作这种 UI 的起点吗？ 我认为它与GridView 有关，但如果是，不知道如何进行。 谢谢。

编辑：我认为人们误解了我的 GooglePlay 参考。我粘贴了一张图片来展示我希望我的 UI 的样子。

http://i49.tinypic.com/2cqjqx0.png （我不允许发布图片..）

我已经有了标签滑动和一切。只想知道如何创建这种类型的列表。 再次感谢！

Answer 1

我认为this 和this 是您所需要的。 查看链接。它们会对你有用。它称为自定义列表视图

Answer 2

您需要做的是为列表项创建一个名为layout的custom 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 layout。 Custom List1 和 Custom List2

Answer 3

这两种方式的 Android GridView 可以配置为水平或垂直滚动​​。

This gridview 正是您要找的。​​p>

希望对你有帮助:)