getView method add text below image

Question

I want to add a text below every image, that's my actual code:

@Override
public View getView(int position, View convertView, ViewGroup parent) {
    ImageView imageView = new ImageView(mContext);



    imageView.setImageResource(mThumbIds[position]);
    imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
    //imageView.setLayoutParams(new GridView.LayoutParams(70, 70));
    imageView.setLayoutParams(new GridView.LayoutParams(
            grid.getWidth()/2,  grid.getHeight()/3));

    return imageView;
}

Have a look at this tut http://www.vogella.com/tutorials/AndroidListView/article.html chapter 3, you can define your listItem as xml and inflate it — A.S., May 13 '14 at 12:23

score 1 · Answer 1 · answered May 13 '14 at 12:37

try this, create layout like this

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:orientation="vertical" >
       <ImageView
        android:id="@+id/child_Img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:background="@drawable/photos_grid_bg"
        android:contentDescription="@string/app_name" />
     <TextView
        android:id="@+id/title_Txt"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:singleLine="true"
        android:text=""
        android:textColor="@color/white"
        android:textSize="12sp" />
</LinearLayout>

Inflate your layout like this

  @Override
public View getView(final int position, View convertView, ViewGroup parent) {
    // TODO Auto-generated method stub
    final ViewHolder mHolder;
    if (convertView == null) {
        convertView = mInflater.inflate(R.layout.photos_grid_item, null);
        mHolder = new ViewHolder();

        mHolder.Img = (ImageView) convertView
                .findViewById(R.id.Img);
        mHolder.title_Txt = (TextView) convertView
                .findViewById(R.id.title_Txt);
        convertView.setTag(mHolder);

    } else {
        mHolder = (ViewHolder) convertView.getTag();
    }

    try {
        mHolder.Img.setImageResource(mThumbIds[position]);
                    mHolder.title_Txt.setText("Set your text here");
    } catch (Exception e) {
        // TODO: handle exception
    }
    return convertView;
}

private class ViewHolder {
    private ImageView Img;
    private TextView title_Txt;
}

Thank you, but I used it in this way and the app crash: http://pastebin.com/fkEdsKJ9 — Dom9301, May 13 '14 at 12:43
Sorry I was searching for a tool like pastebin :) I edited the first comment. — Dom9301, May 13 '14 at 12:47
How can I get my log trace? I'm testing the app on my phone. — Dom9301, May 13 '14 at 12:50
@DomenicoGiustiniani Sorry dont have idea about Android Studio 0.5.2. I'm using eclipse — Murali Ganesan, May 13 '14 at 13:05

score 1 · Answer 2 · answered May 13 '14 at 12:38

LinearLayout layout = new LinearLayout(mContext);

        layout.setLayoutParams(new LinearLayout.LayoutParams(
                LinearLayout.LayoutParams.WRAP_CONTENT,
                LinearLayout.LayoutParams.WRAP_CONTENT));
        layout.setOrientation(LinearLayout.VERTICAL);
        mageView imageView = new ImageView(mContext);



        imageView.setImageResource(mThumbIds[position]);
        imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
        //imageView.setLayoutParams(new GridView.LayoutParams(70, 70));
        imageView.setLayoutParams(new LinearLayout.LayoutParams(
                grid.getWidth()/2,  grid.getHeight()/3));
        layout.addView(imageView);

        TextView tv = new TextView(mContext);
        tv.setLayoutParams(new LinearLayout.LayoutParams(
                grid.getWidth()/2,  grid.getHeight()/3));
        tv.setText("hello");
        layout.addView(tv);
        return layout;

try this, you can adjust the size of view later according to you design

Crash when I open the activity that use this class :( – Dom9301 May 13 '14 at 12:52 — Dom9301, May 13 '14 at 12:52

getView method add text below image

2 Answers2