Monday, June 18, 2012

How To Create Image Gallery In Android

The project describes how to implement gallery for your application.
Underlying Algorithm:
Basic description of algorithm in step by step form:
1.) Create a Project GalleryExample
2.) Open and insert following in main.xml:
<Gallery xmlns:android=""
        android:id="@+id/gallery" android:layout_width="fill_parent"
        android:layout_height="wrap_content" />
3.) Create,Open and insert following in your res/values/attrs.xml:
    <declare-styleable name="HelloGallery">
        <attr name="android:galleryItemBackground" />
4.) Add some image in your drawable folder.
5.) Run the application.
Steps to Create:
1.) Open Eclipse. Use the New Project Wizard and select Android Project Give the respective project name i.e. GalleryExample. Enter following information:
Project name: GalleryExample
Build Target: Android 2.3.3
Application name: GalleryExample
Package name: org.example.GalleryExample
Create Activity: GalleryExample
On Clicking Finish GalleryExample code structure is generated with the necessary Android Packages being imported along with GalleryExample class will look like following:
package org.example.GalleryExample;
import android.content.Context;
import android.content.res.TypedArray;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.BaseAdapter;
import android.widget.Gallery;
import android.widget.ImageView;
import android.widget.Toast;
public class GalleryExample extends Activity {
    /** Called when the activity is first created. */
    public void onCreate(Bundle savedInstanceState) {
        Gallery g = (Gallery) findViewById(;
        g.setAdapter(new ImageAdapter(this));
        g.setOnItemClickListener(new OnItemClickListener() {
            public void onItemClick(@SuppressWarnings("rawtypes") AdapterView parent, View v, int position, long id) {
                Toast.makeText(GalleryExample.this"" + position, Toast.LENGTH_SHORT).show();
public class ImageAdapter extends BaseAdapter {
    int mGalleryItemBackground;
    private Context mContext;
    private Integer[] mImageIds = {
    public ImageAdapter(Context c) {
        mContext = c;
        TypedArray a = obtainStyledAttributes(R.styleable.HelloGallery);
        mGalleryItemBackground = a.getResourceId(
                R.styleable.HelloGallery_android_galleryItemBackground, 0);
    public int getCount() {
        return mImageIds.length;
    public Object getItem(int position) {
        return position;
    public long getItemId(int position) {
        return position;
    public View getView(int position, View convertView, ViewGroup parent) {
        ImageView i = new ImageView(mContext);
        i.setLayoutParams(new Gallery.LayoutParams(150, 100));
        return i;
Output – The final output:

No comments:

Post a Comment