【问题标题】:How do I create my GridView like this - text data and image in the same box?如何像这样创建我的 GridView - 文本数据和图像在同一个框中?
【发布时间】:2014-08-01 11:08:36
【问题描述】:

显示我需要我的 gridview 的方式。我能够从 JSON 中获取图像和文本数据,并且能够将数据传递到 gridview 布局中。我想要的是这样的网格视图(文本数据和图像在同一个框中)请帮助我。我尝试了很多事情,但还做不到

我的布局代码

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >



    <ImageView
        android:id="@+id/image"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_alignParentLeft="true"
        android:layout_centerInParent="true"
        android:paddingLeft="5dp"
        android:background="@color/tabDark"



         />

    <TextView
        android:id="@+id/theaters"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/image"
        android:textColor="#ffffff"
        android:background="@color/tabDark"
        android:textStyle="bold" />



</RelativeLayout>

【问题讨论】:

  • 显示你的代码你尝试了什么。?

标签: android json gridview


【解决方案1】:

您需要的是网格视图中每个项目的自定义布局。所以创建新布局并将其命名为 single_item.xml。在里面定义你的单个项目的布局,不要忘记给每个子项目(图像,文本)一个 id

当你这样做时,只需使用和适配器将数据放入网格视图中。您可以使用大量可用的在线资源。

【讨论】:

  • 我已经使用了适配器并将数据放入网格视图中。但我希望我的布局像一次在图片中
  • 因此您需要为您的项目自定义布局。当您不定义自定义布局时,android 将为网格视图使用预定义的布局。但是当您为每个项目使用自定义布局时。你可以让你的项目看起来像你想要的任何东西!实现上面的布局真的很简单。只需为一个项目创建一个布局。您的适配器将使用该布局创建所需数量的项目并将其相应地放在旁边。
  • 如何在同一个框中获取图像和文本视图?
  • 您可以通过对当前布局进行简单修改来获得布局。将高度和宽度赋予它自己的相对布局。假设 50 * 60 dp。还定义你的填充。然后在相对布局中将您的图像视图放置为 50 * 50 并低于该文本视图。如果不使用它,它应该可以工作!
猜你喜欢
  • 1970-01-01
  • 2020-11-08
  • 2017-01-10
  • 2019-09-12
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-02-05
  • 2015-01-08
相关资源
最近更新 更多