Custom adapter on both GridView and Gallery

It's a example using the same custom adapter on both GridView and Gallery. It can be noticed that adapter used on both GridView and Gallery are basically the same.







/res/layout/gridlayout.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:orientation="vertical">
 <ImageView
  android:id="@+id/image"
  android:layout_width="70dp"
  android:layout_height="wrap_content"
  android:layout_gravity="center"/>
</LinearLayout>

layout file , main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<TextView  
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:text="@string/hello"
    />
<Gallery
 android:id="@+id/gallery"
    android:layout_width="fill_parent"
    android:layout_height="50dp"
    />
<GridView
 android:id="@+id/grid"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
 android:numColumns="2"
 android:columnWidth="100px"
 android:stretchMode="columnWidth"
 android:gravity="center"/>
</LinearLayout>

main java code

package com.AndroidGridView;

import android.app.Activity;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.Gallery;
import android.widget.GridView;
import android.widget.ImageView;

public class AndroidGridViewActivity extends Activity {
 
 public class MyAdapter extends BaseAdapter {
  
  final int NumberOfItem = 30;
  private Bitmap[] bitmap = new Bitmap[NumberOfItem];
  
  private Context context;
  private LayoutInflater layoutInflater;
  
  MyAdapter(Context c){
   context = c;
   layoutInflater = LayoutInflater.from(context);
   
   //init dummy bitmap,
   //using R.drawable.icon for all items
   for(int i = 0; i < NumberOfItem; i++){
    bitmap[i] = BitmapFactory.decodeResource(context.getResources(), R.drawable.icon);
   }
  }

  @Override
  public int getCount() {
   // TODO Auto-generated method stub
   return bitmap.length;
  }

  @Override
  public Object getItem(int position) {
   // TODO Auto-generated method stub
   return bitmap[position];
  }

  @Override
  public long getItemId(int position) {
   // TODO Auto-generated method stub
   return position;
  }

  @Override
  public View getView(int position, View convertView, ViewGroup parent) {
   // TODO Auto-generated method stub
   
   View grid;
   if(convertView==null){
    grid = new View(context);
    grid = layoutInflater.inflate(R.layout.gridlayout, null); 
   }else{
    grid = (View)convertView; 
   }
   
   ImageView imageView = (ImageView)grid.findViewById(R.id.image);
   imageView.setImageBitmap(bitmap[position]);
   
   return grid;
  }

 }

 GridView gridView;
    Gallery gallery;
 
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        gridView = (GridView)findViewById(R.id.grid);
        gallery = (Gallery)findViewById(R.id.gallery);

        MyAdapter adapter = new MyAdapter(this);
        gridView.setAdapter(adapter);
        gallery.setAdapter(adapter);
        
    }
    
}

Custom GridView II, with ImageView and TextView

Modify from last post Custom GridView, to implement custom GridView, with bitmap and text in each grid.








/res/layout/gridlayout.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:orientation="vertical">
 <ImageView
  android:id="@+id/image"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"/>
 <TextView
  android:id="@+id/text"
  android:gravity="center"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"/>
</LinearLayout>

layout file , main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<TextView  
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:text="@string/hello"
    />
<GridView
 android:id="@+id/grid"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
 android:numColumns="2"
 android:columnWidth="100px"
 android:stretchMode="columnWidth"
 android:gravity="center"/>
</LinearLayout>

main java code

package com.AndroidGridView;

import android.app.Activity;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.TextView;

public class AndroidGridViewActivity extends Activity {
 
 public class MyAdapter extends BaseAdapter {
  
  final int NumberOfItem = 30;
  private Bitmap[] bitmap = new Bitmap[NumberOfItem];
  
  private Context context;
  private LayoutInflater layoutInflater;
  
  MyAdapter(Context c){
   context = c;
   layoutInflater = LayoutInflater.from(context);
   
   //init dummy bitmap,
   //using R.drawable.icon for all items
   for(int i = 0; i < NumberOfItem; i++){
    bitmap[i] = BitmapFactory.decodeResource(context.getResources(), R.drawable.icon);
   }
  }

  @Override
  public int getCount() {
   // TODO Auto-generated method stub
   return bitmap.length;
  }

  @Override
  public Object getItem(int position) {
   // TODO Auto-generated method stub
   return bitmap[position];
  }

  @Override
  public long getItemId(int position) {
   // TODO Auto-generated method stub
   return position;
  }

  @Override
  public View getView(int position, View convertView, ViewGroup parent) {
   // TODO Auto-generated method stub
   
   View grid;
   if(convertView==null){
    grid = new View(context);
    grid = layoutInflater.inflate(R.layout.gridlayout, null); 
   }else{
    grid = (View)convertView; 
   }
   
   ImageView imageView = (ImageView)grid.findViewById(R.id.image);
   imageView.setImageBitmap(bitmap[position]);
   TextView textView = (TextView)grid.findViewById(R.id.text);
   textView.setText(String.valueOf(position));
   
   return grid;
  }

 }

 GridView gridView;
 
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        gridView = (GridView)findViewById(R.id.grid);

        MyAdapter adapter = new MyAdapter(this);
        gridView.setAdapter(adapter);
    }
    
}

Custom GridView

In order to modify GridView to suit our requirement, we can implement our own adapter extends BaseAdapter.








Create /res/layout/gridlayout.xml, the layout of individual grid

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:orientation="vertical">
 <ImageView
  android:id="@+id/image"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"/>
</LinearLayout>

main.xml, The ayout, it 's same as in the last post Simple GridView example.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<TextView  
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:text="@string/hello"
    />
<GridView
 android:id="@+id/grid"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
 android:numColumns="2"
 android:columnWidth="100px"
 android:stretchMode="columnWidth"
 android:gravity="center"/>
</LinearLayout>

package com.AndroidGridView;

import android.app.Activity;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;

public class AndroidGridViewActivity extends Activity {
 
 public class MyAdapter extends BaseAdapter {
  
  final int NumberOfItem = 30;
  private Bitmap[] bitmap = new Bitmap[NumberOfItem];
  
  private Context context;
  private LayoutInflater layoutInflater;
  
  MyAdapter(Context c){
   context = c;
   layoutInflater = LayoutInflater.from(context);
   
   //init dummy bitmap,
   //using R.drawable.icon for all items
   for(int i = 0; i < NumberOfItem; i++){
    bitmap[i] = BitmapFactory.decodeResource(context.getResources(), R.drawable.icon);
   }
  }

  @Override
  public int getCount() {
   // TODO Auto-generated method stub
   return bitmap.length;
  }

  @Override
  public Object getItem(int position) {
   // TODO Auto-generated method stub
   return bitmap[position];
  }

  @Override
  public long getItemId(int position) {
   // TODO Auto-generated method stub
   return position;
  }

  @Override
  public View getView(int position, View convertView, ViewGroup parent) {
   // TODO Auto-generated method stub
   
   View grid;
   if(convertView==null){
    grid = new View(context);
    grid = layoutInflater.inflate(R.layout.gridlayout, null); 
   }else{
    grid = (View)convertView; 
   }
   
   ImageView imageView = (ImageView)grid.findViewById(R.id.image);
   imageView.setImageBitmap(bitmap[position]);
   
   return grid;
  }

 }

 GridView gridView;
 
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        gridView = (GridView)findViewById(R.id.grid);

        MyAdapter adapter = new MyAdapter(this);
        gridView.setAdapter(adapter);
    }
    
}

next:
- Custom GridView II, with ImageView and TextView

Simple GridView example

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

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

  android:orientation="vertical"

  android:layout_width="fill_parent"

  android:layout_height="fill_parent"

  >

<TextView

  android:layout_width="fill_parent"

  android:layout_height="wrap_content"

  android:text="@string/hello"

  />

<GridView

	android:id="@+id/grid"

	android:layout_width="fill_parent"

	android:layout_height="fill_parent"

	android:numColumns="2"

	android:columnWidth="100px"

	android:stretchMode="columnWidth"

	android:gravity="center"/>

</LinearLayout>

package com.AndroidGridView;



import android.app.Activity;

import android.os.Bundle;

import android.widget.ArrayAdapter;

import android.widget.GridView;



public class AndroidGridViewActivity extends Activity {

	

	GridView gridView;

	

	String[] listContent = {

          "January",

          "February",

          "March",

          "April",

          "May",

          "June",

          "July",

          "August",

          "September",

          "October",

          "November",

          "December"

  };

	

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

  @Override

  public void onCreate(Bundle savedInstanceState) {

      super.onCreate(savedInstanceState);

      setContentView(R.layout.main);

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



      ArrayAdapter<String> adapter

      = new ArrayAdapter<String>(this,

      		android.R.layout.simple_list_item_1,

      		listContent);

    

      gridView.setAdapter(adapter);

  }



}

Related Post:

- A simple ListView using android.R.layout.simple_list_item_1 layout

- Custom GridView

ListView with multiple choice

package com.AndroidListView;



import android.app.Activity;

import android.os.Bundle;

import android.util.SparseBooleanArray;

import android.view.View;

import android.widget.ArrayAdapter;

import android.widget.Button;

import android.widget.ListView;

import android.widget.Toast;



public class AndroidListViewActivity extends Activity {

	

	ListView myList;

	Button getChoice;

	

	String[] listContent = {

            "January",

            "February",

            "March",

            "April",

            "May",

            "June",

            "July",

            "August",

            "September",

            "October",

            "November",

            "December"

    };

	

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

    @Override

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.main);

        myList = (ListView)findViewById(R.id.list);

        getChoice = (Button)findViewById(R.id.getchoice);

        

        ArrayAdapter<String> adapter

        = new ArrayAdapter<String>(this,

        		android.R.layout.simple_list_item_multiple_choice,

             listContent);

        

        myList.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);

        myList.setAdapter(adapter);

        

        getChoice.setOnClickListener(new Button.OnClickListener(){



			@Override

			public void onClick(View v) {

				// TODO Auto-generated method stub

				

				String selected = "";

				

				int cntChoice = myList.getCount();

				SparseBooleanArray sparseBooleanArray = myList.getCheckedItemPositions();

				for(int i = 0; i < cntChoice; i++){

					if(sparseBooleanArray.get(i)) {

						selected += myList.getItemAtPosition(i).toString() + "\n";

						

					}

				}

				

				Toast.makeText(AndroidListViewActivity.this, 

						selected, 

						Toast.LENGTH_LONG).show();

			}});

        

    }

}

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

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

    android:orientation="vertical"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    >

<TextView  

    android:layout_width="fill_parent" 

    android:layout_height="wrap_content" 

    android:text="@string/hello"

    />

<Button

    android:id="@+id/getchoice"

    android:layout_width="fill_parent" 

    android:layout_height="wrap_content" 

    android:text="Get Choice"

    />

<ListView  

    android:id="@+id/list"

    android:layout_width="fill_parent" 

    android:layout_height="wrap_content" 

    />

</LinearLayout>