Items in GridView not visible

Question

I am using a gridview to display some images.I did the code for but still i am not getting any images

Custom Adapter

public class CustomAdapter extends BaseAdapter {

    private Context context;
    private int[] images;

    public CustomAdapter(Context context, int[] images) {
        this.context = context;
        this.images = images;
    }

    @Override
    public int getCount() {
        return images.length;
    }

    @Override
    public Object getItem(int position) {
        return images[position];
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder;
        if (convertView == null) {
            holder = new ViewHolder();
            convertView = LayoutInflater.from(context).inflate(R.layout.custom_trips_frag_row, parent, false);
//            holder.tvHeader = (TextView) convertView.findViewById(R.id.tv_trips_home_header);
//            holder.tvDate = (TextView) convertView.findViewById(R.id.tv_trips_home_date);
            holder.ivImage = (ImageView) convertView.findViewById(R.id.iv_trips_home_image);
            convertView.setTag(holder);

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

//        

        holder.ivImage.setImageResource(images[position]);


        return convertView;
    }


    private class ViewHolder {
        private TextView tvHeader;
        private TextView tvDate;
        private ImageView ivImage;
    }
}

Main Activity

public class MainActivity extends MasterActivity {
    private int[] images={R.drawable.images, R.drawable.images_2, R.drawable.images_1, R.drawable.images_4, R.drawable.images, R.drawable.images_2};
    private GridView gridView;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.trips_frag);

        gridView = (GridView) findViewById(R.id.grid);
        gridView.setAdapter(new CustomAdapter(this, images));


    }
}

Custom Row Xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">


    <ImageView
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:id="@+id/iv_trips_home_image"
        android:src="@drawable/images"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true" />

    <!--<TextView-->
        <!--android:layout_width="wrap_content"-->
        <!--android:layout_height="wrap_content"-->
        <!--android:layout_below="@+id/iv_trips_home_image"-->
        <!--android:layout_centerHorizontal="true"-->
        <!--android:id="@+id/tv_trips_home_header" />-->

    <!--<triplogger.indiehustlers.com.triplogger.UTIL.CustomTextView-->
        <!--android:layout_width="wrap_content"-->
        <!--android:layout_height="wrap_content"-->
        <!--android:id="@+id/tv_trips_home_header"-->
        <!--style="@style/textView"-->
        <!--android:text="Berlin"-->
        <!--android:textColor="#000"-->
        <!--android:textStyle="bold"-->
        <!--android:textSize="@dimen/header_text"-->
        <!--android:layout_below="@+id/iv_trips_home_image"-->
        <!--android:layout_centerHorizontal="true" />-->


    <!--<triplogger.indiehustlers.com.triplogger.UTIL.CustomTextView-->
        <!--android:layout_width="wrap_content"-->
        <!--android:layout_height="wrap_content"-->
        <!--android:text="14-Sept-2014"-->
        <!--style="@style/textView"-->
        <!--android:visibility="gone"-->
        <!--android:textColor="#23170e17"-->
        <!--android:id="@+id/tv_trips_home_date"-->
        <!--android:layout_below="@+id/tv_trips_home_header"-->
        <!--android:layout_centerHorizontal="true" />-->
</RelativeLayout>

Master Activity

public class MasterActivity extends Activity {
    protected Context activityContext;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        activityContext = getApplicationContext();
    }
}

trips_frag

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_marginRight="@dimen/margin_right"
    android:layout_marginLeft="@dimen/margin_left"

    android:layout_height="match_parent">


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"

        android:orientation="horizontal">

        <ImageView
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:src="@drawable/tab" />


        <ImageView
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:src="@drawable/tab" />

    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
       >

        <GridView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:numColumns="2"
            android:id="@+id/grid"
            android:verticalSpacing="5dp"
            android:stretchMode="spacingWidthUniform"></GridView>

    </LinearLayout>

</LinearLayout>

Manifest

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="triplogger.indiehustlers.com.triplogger">



    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/TripLoggerTheme">
        <activity
            android:name=".MainActivity"
            android:label="@string/app_name">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

I did lot of research but still not getting any success I am not getting where i went wrong?Please do help me out

@Anuj You can simply use `MainActivity .this`. as a context cause for create a context variable not necessary to extends with `Activity`.. So extends your `MainActivity`. class a `Activity `and change here `gridView.setAdapter(new CustomAdapter(MainActivity.this, images));` — Piyush, Jan 20 '15 at 11:08
Try to change here `@Override public Object getItem(int position) { return position; }` — Piyush, Jan 20 '15 at 11:11
can u pls post AndroidManifest & xml file in which u hve added gridview — user1140237, Jan 20 '15 at 11:11

score 10 · Accepted Answer · answered Jan 20 '15 at 11:23

Remove android:stretchMode="spacingWidthUniform" from gridview. You are already fixing height width of image view griditem in item layout

 <?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="match_parent"
    android:orientation="vertical" >

    <GridView
        android:id="@+id/griddata"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:numColumns="2"
        android:stretchMode="spacingWidthUniform"
        android:verticalSpacing="5dp" >
    </GridView>

</LinearLayout>

GridItemLayout

    <?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"
    android:orientation="vertical" >

    <ImageView
        android:id="@+id/iv_trips_home_image"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true" />

    <!-- <TextView -->
    <!-- android:layout_width="wrap_content" -->
    <!-- android:layout_height="wrap_content" -->
    <!-- android:layout_below="@+id/iv_trips_home_image" -->
    <!-- android:layout_centerHorizontal="true" -->
    <!-- android:id="@+id/tv_trips_home_header" /> -->


    <!-- <triplogger.indiehustlers.com.triplogger.UTIL.CustomTextView -->
    <!-- android:layout_width="wrap_content" -->
    <!-- android:layout_height="wrap_content" -->
    <!-- android:id="@+id/tv_trips_home_header" -->
    <!-- style="@style/textView" -->
    <!-- android:text="Berlin" -->
    <!-- android:textColor="#000" -->
    <!-- android:textStyle="bold" -->
    <!-- android:textSize="@dimen/header_text" -->
    <!-- android:layout_below="@+id/iv_trips_home_image" -->
    <!-- android:layout_centerHorizontal="true" /> -->


    <!-- <triplogger.indiehustlers.com.triplogger.UTIL.CustomTextView -->
    <!-- android:layout_width="wrap_content" -->
    <!-- android:layout_height="wrap_content" -->
    <!-- android:text="14-Sept-2014" -->
    <!-- style="@style/textView" -->
    <!-- android:visibility="gone" -->
    <!-- android:textColor="#23170e17" -->
    <!-- android:id="@+id/tv_trips_home_date" -->
    <!-- android:layout_below="@+id/tv_trips_home_header" -->
    <!-- android:layout_centerHorizontal="true" /> -->

</RelativeLayout>

you can use android:horizontalSpacing or android:verticalSpacing for spacing give up if u found solution — user1140237, Jan 20 '15 at 11:34
@user1140237 i never knew `android:stretchMode` will have this great effect when you set fixed size for gridview items — Edijae Crusar, Jul 14 '16 at 13:20

score 1 · Answer 2 · edited Oct 12 '18 at 12:55

1

Remove strechMode from gridview and add android:gravity="center" to custom_trips_frag_row.xml imageview

<GridView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:numColumns="2"
    android:id="@+id/grid"
    android:verticalSpacing="5dp">
</GridView>

edited Oct 12 '18 at 12:55

Morteza Jalambadani

2,190
6
21
35

answered Jan 20 '15 at 11:24

msevgi

4,828
2
24
30

CoolMind · Answer 3 · 2020-09-03T08:31:23.887

Wasting about 4 hours I found that there was an error in my code. I copied this code of a GridView adapter and found that the GridView didn't show images (or text labels) inside. I tried many answers from Gridview height gets cut, How to have a GridView that adapts its height when items are added and learnt that my inner views (ImageViews) could not measure their widths and heights.

Of course, I can set gridView.layoutParams.height = 300 and ImageViews will show, but it depends on ImageView size. So, I found an error in ImageView creation.

Instead of view = LayoutInflater.from((context)).inflate(R.layout.image_layout, null) I must write:

view = LayoutInflater.from((context)).inflate(R.layout.image_layout, parent, false)

In this case new views will be attached to the GridView and can measure their sizes.

So, here is an example of getView method:

override fun getView(position: Int, convertView: View?, parent: ViewGroup?): View {
    val holder: ViewHolder
    val view: View
    if (convertView == null) {
        holder = ViewHolder()
        view = LayoutInflater.from((context)).inflate(layoutRes, parent, false)
        view.tag = holder
        holder.imageView = view as ImageView
    } else {
        holder = convertView.tag as ViewHolder
        view = convertView
    }
    // Show an image with Glide, for instance.
    with(getItem(position)) {
        showPhoto(holder.imageView, this)
    }
    return view
}

Copy-paste from old manuals is a shame.

Items in GridView not visible

3 Answers3

Linked