How to Create GridView Activity in Android Apllication.

GridView -:

GridView layout in one of the most useful layouts in android. Gridview is mainly useful when we want show data in grid layout like displaying images or icons. This layout can be used to build applications like image viewer, audio or video players in order to show elements in grid manner.

1)Create a new project named as GridViewActivity.

2)create a new folder named as drawable in the res directory and copy the images.

3)Populate the main.xml file as:

<?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="60dp"

    android:numColumns="auto_fit"

    android:verticalSpacing="10dp"

    android:horizontalSpacing="40dp"

    android:stretchMode="columnWidth"

    android:gravity="center"

/>

4)Now in GridViewActivity.java match as:

package com.sartaj.gridview;

import android.app.Activity;

import android.os.Bundle;

import android.view.View;

import android.widget.AdapterView;

import android.widget.AdapterView.OnItemClickListener;

import android.widget.GridView;

import android.widget.Toast;

public class GridViewActivity extends Activity {

    /** Called when the activity is first created. */

    @Override

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.main);

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

        gridview.setAdapter(new ImageAdapter(this));

        gridview.setOnItemClickListener(new OnItemClickListener() {

                     @Override

                     public void onItemClick(AdapterView<?> parent, View view,

                           int position,long id) {

                           // TODO Auto-generated method stub

                           Toast.makeText(getBaseContext(), "pic"+(position+1)+"selected", Toast.LENGTH_SHORT).show();

                     }

              });

    }

}

5)Now create a new java class named as ImageAdapter and add in AndroidManifest.xml and populate it as:

package com.sartaj.gridview;

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 ImageAdapter extends BaseAdapter {

        private Context mContext;

           public ImageAdapter(Context c) {

               mContext = c;

           }

           public int getCount() {

               return mThumbIds.length;

           }

          public Object getItem(int position) {

               return position;

          }

           public long getItemId(int position) {

               return position;

           }

           // 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.sample_2, R.drawable.sample_3,

                   R.drawable.sample_4, R.drawable.sample_5,

                   R.drawable.sample_6, R.drawable.sample_7,

                   R.drawable.sample_0, R.drawable.sample_1,

                   R.drawable.sample_2, R.drawable.sample_3,

                   R.drawable.sample_4, R.drawable.sample_5,

                   R.drawable.sample_6, R.drawable.sample_7,

                   R.drawable.sample_0, R.drawable.sample_1,

                   R.drawable.sample_2, R.drawable.sample_3,

                   R.drawable.sample_4, R.drawable.sample_5,

                   R.drawable.sample_6, R.drawable.sample_7

           };

       }