Android GridView中ImageView下的TextView说明

这是我的ImageAdapter类：

package com.javacodegeeks.android.googlemaps;

import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.TextView;

public class ImageAdapter extends BaseAdapter {
    private Context mContext;

    public ImageAdapter(Context c) {
        mContext = c;
    }

    public int getCount() {
        return mThumbIds.length;
    }

    public Object getItem(int position) {
        return null;
    }

    public long getItemId(int position) {
        return 0;
    }

    // create a new ImageView for each item referenced by the Adapter
    public View getView(int position, View convertView, ViewGroup parent) {
        ImageView imageView;

        if (convertView == null) {  // if it's not recycled, initialize some attributes
            imageView = new ImageView(mContext);
            imageView.setLayoutParams(new GridView.LayoutParams(85, 85));
            imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
            imageView.setPadding(8, 8, 8, 8);
        } else {
            imageView = (ImageView) convertView;
        }

        imageView.setImageResource(mThumbIds[position]);
        return imageView;
    }

    // references to our images
    private Integer[] mThumbIds = {
            R.drawable.muze, R.drawable.anit, R.drawable.ibadethane, R.drawable.hepsimenu
    };

    private String[] mThumbTxt = {
            "Müzeler", "Anıtlar", "İbadethaneler", "Hepsi"
    };

}

---

如何在ImageView下添加来自mThumbTxt数组的图像描述（如TextView），而不影响GridView结构？

让您的视图成为

TextView

而不是

ImageView

。将图像设置为顶部可绘制图像：

textView.setCompoundDrawablesWithIntrinsicBounds(0, mThunbIds[position], 0, 0);
textView.setText(mThumbTxt[position]);

---

这里唯一的缺点是，可拉丝将按其内在尺寸拉丝。您可以创建一个ClipDrawable来修复该问题。或者，将视图设置为包含

图像视图

和

文本视图的
垂直布局
。那么，从xml加载它会更简单。
让您的视图成为
TextView
而不是
ImageView
。将图像设置为顶部可绘制图像：

textView.setCompoundDrawablesWithIntrinsicBounds(0, mThunbIds[position], 0, 0);
textView.setText(mThumbTxt[position]);

这里唯一的缺点是，可拉丝将按其内在尺寸拉丝。您可以创建一个ClipDrawable来修复该问题。或者，将视图设置为包含
图像视图
和
文本视图的
垂直布局
。那么，从xml加载它会更简单。
简单方法为gridView添加一个布局，如下所示：

gridView.xml:

<RelativeLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/relaGrid"
  android:orientation="vertical"
  android:layout_width="match_parent"
  android:layout_height="match_parent">
           <ImageView android:id="@+id/chooseImage"
                       android:src="@drawable/ph1"
                        android:layout_width="85dp"
                        android:layout_height="85dp"
                        >
                        </ImageView>
    <TextView android:id="@+id/chooseText"
                      android:layout_height="wrap_content"
                      android:layout_width="85dp"
                      android:text="TextView"
                      android:layout_below="@+id/chooseImage"
                      android:gravity="center"
                      android:singleLine="true"
                      android:ellipsize="marquee"
                      android:marqueeRepeatLimit="marquee_forever"
                      ></TextView>

</RelativeLayout>

为gridView添加布局的简单方法如下：

gridView.xml:

<RelativeLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/relaGrid"
  android:orientation="vertical"
  android:layout_width="match_parent"
  android:layout_height="match_parent">
           <ImageView android:id="@+id/chooseImage"
                       android:src="@drawable/ph1"
                        android:layout_width="85dp"
                        android:layout_height="85dp"
                        >
                        </ImageView>
    <TextView android:id="@+id/chooseText"
                      android:layout_height="wrap_content"
                      android:layout_width="85dp"
                      android:text="TextView"
                      android:layout_below="@+id/chooseImage"
                      android:gravity="center"
                      android:singleLine="true"
                      android:ellipsize="marquee"
                      android:marqueeRepeatLimit="marquee_forever"
                      ></TextView>

</RelativeLayout>

如果可能，您应该重用
convertView
。请参见，如果可能，您应该重用
convertView
。看见