Android GridView with full Image?

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 by going to File ⇒ New Android Project and fill required details.  
2). Prepare your images which you want to show in grid layout and place them in res ⇒ drawable-hdpi folder.
3).Create a new XML layout under layout and name it as 

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

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

    android:id="@+id/grid_view"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:numColumns="auto_fit"

    android:columnWidth="90dp"

    android:horizontalSpacing="10dp"

    android:verticalSpacing="10dp"

    android:gravity="center"

    android:stretchMode="columnWidth" >  

</GridView>

4). Extend your ImageAdapter.java class from BaseAdapter and fill it with following code.

public class BaseImageAdapter extends BaseAdapter {

private Context mContext;

// Keep all Images in array

public Integer[] mThumbIds = {

R.drawable.image, R.drawable.image1,

R.drawable.image2, R.drawable.image3,

R.drawable.image4, R.drawable.image5,

R.drawable.image6, R.drawable.images7,

R.drawable.images8, R.drawable.images9,

R.drawable.images10, R.drawable.images11,

R.drawable.images12, };

// Constructor

public BaseImageAdapter(Context c){

mContext = c;

}

@Override

public int getCount() {

return mThumbIds.length;

}

@Override

public Object getItem(int position) {

return mThumbIds[position];

}

@Override

public long getItemId(int position) {

return 0;

}

@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(50, 50));

        return imageView;

}

}

and GridLayoutActivity.java 

public class GridLayoutActivity extends Activity {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.grid_layout);

GridView gridView = (GridView) findViewById(R.id.grid_view);
// Instance of ImageAdapter Class
gridView.setAdapter(new BaseImageAdapter(this));  
gridView.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View v,int position, long id) {
// Sending image id to FullScreenActivity
Intent i = new Intent(getApplicationContext(), FullImageActivity.class);  
i.putExtra("id", position);
startActivity(i);
}
});
}
}

And FullImageActivity .java

public class FullImageActivity extends Activity {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.full_image);  
Intent i = getIntent();  
int position = i.getExtras().getInt("id");
BaseImageAdapter imageAdapter = new BaseImageAdapter(this);
ImageView imageView = (ImageView) findViewById(R.id.full_image_view);
imageView.setImageResource(imageAdapter.mThumbIds[position]);
}
}
fullimage.xml

<?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" >
    <ImageView
        android:id="@+id/full_image_view"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" />

</LinearLayout>