GridView Example

Screenshots :

activity_main.xml :

<?xml version="1.0" encoding="utf-8"?>

<GridView xmlns:android="http://schemas.android.com/apk/res/android"

    android:id="@+id/gridView"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:columnWidth="90dp"

    android:numColumns="auto_fit"

    android:verticalSpacing="10dp"

    android:horizontalSpacing="10dp"

    android:stretchMode="columnWidth"

    android:gravity="center"

    />

MainActivity.java :

package com.chantisandroid.exampleapp;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.widget.GridView;

public class MainActivity extends AppCompatActivity {

    GridView gridView;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        gridView = (GridView)findViewById(R.id.gridView);

        gridView.setAdapter(new PhotosAdapter(this));

    }

}

PhotosAdapter.java :

package com.chantisandroid.exampleapp;

import android.content.Context;

import android.view.View;

import android.view.ViewGroup;

import android.widget.BaseAdapter;

import android.widget.GridView;

import android.widget.ImageView;

public class PhotosAdapter extends BaseAdapter {

    private Context mContext;

    public PhotosAdapter(Context c) {

        mContext = c;

    }

    public int getCount() {

        return mThumbIds.length;

    }

    public Object getItem(int position) {

        return null;

    }

    public long getItemId(int position) {

        return 0;

    }

    public View getView(int position, View convertView, ViewGroup parent) {

        ImageView imageView;

        if (convertView == null) {

            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;

    }

    public Integer[] mThumbIds = {

            R.drawable.sample, R.drawable.sample2,

            R.drawable.sample3, R.drawable.sample4,

            R.drawable.sample5, R.drawable.sample6,

            R.drawable.sample7, R.drawable.sample8,

            R.drawable.sample9  //you can add more images like this

    };

}