Android - 使用gridview在imageview中设置文本

时间:2017-01-24 08:39:24

标签: android gridview adapter android-viewholder

我想在图片视图中设置文字。目前我从drawable获得图像,尽管我认为使用视图更好?这是我的适配器:

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.ic_round, R.drawable.ic_round,
            R.drawable.ic_round, R.drawable.ic_round,
            R.drawable.ic_round, R.drawable.ic_round,
            R.drawable.ic_round, R.drawable.ic_round,

    };
}

这是我想要使用的布局: item_single.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/single"
    >

    <ImageView
        android:id="@+id/myImageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_round" />

    <TextView
        android:id="@+id/myImageViewText"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/myImageView"
        android:layout_alignTop="@+id/myImageView"
        android:layout_alignRight="@+id/myImageView"
        android:layout_alignBottom="@+id/myImageView"
        android:layout_margin="1dp"
        android:gravity="center"
        android:text=""
        android:textColor="#000000" />

</RelativeLayout>

我见过这个问题How can I add a TextView into an ImageView in GridView Layout? 但没有明确的解释。在该示例中,他使用ViewHolder,我一直希望我使用RecycleViewHolder。

2 个答案:

答案 0 :(得分:0)

为您的自定义视图增加ImageViewTextView。在getView类的Adapter方法中,有些

public View getView(int position, View convertView, ViewGroup parent) {
    ImageView imageView;
    if (convertView == null) {
     // This view will contain TextView and ImageView
     convertView = inflater.inflate(R.layout.item_row, parent, false);

更多搜索自定义Adapter示例。

答案 1 :(得分:0)

你需要充气

public View getView(int position, View convertView, ViewGroup parent) {
    ImageView imageView;
    TextView textView;
    View view; 
    if (convertView == null) {
        // if it's not recycled, initialize some attributes 
        view = LayoutInflater.from(mContext).inflate(R.layout. item_single,false);
        imageView = view.findViewById(R.id.myImageView);
        textView = view.findViewById(R.id.myImageViewText);
        imageView.setLayoutParams(new GridView.LayoutParams(85, 85));
        imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
        imageView.setPadding(8, 8, 8, 8);
    } else { 
        view = convertView;
        imageView = convertView.findViewById(R.id.myImageView);
        textView = convertView.findViewById(R.id.myImageViewText);
    } 

    imageView.setImageResource(mThumbIds[position]);
    textView.setText("Any Text");
    return view;
} 

我建议您使用视图,但根据您的要求,您应该这样做。