Android Grid View Tutorial

Introduction of Android Grid View

Android provides data display in form of grid. That purpose we use grid view.

How to define

• make a string letters

   static final String[] letters = new String[] { 
  			"D", "U", "N"
  			"I", "Y", "A"};
   

  
  
  Above we formed string of letters.
• Then get grid view object.
  
  gridView = (GridView) findViewById(R.id.gridView1);
• set array adapter to grid
  
  

  ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
  				android.R.layout.simple_list_item_1, letters);
   
  gridView.setAdapter(adapter);
  

• set listener to gridview

   
  gridView.setOnItemClickListener(new OnItemClickListener() {
     public void onItemClick(AdapterView<?> parent, View v,
  				int position, long id) {
  			  
  			  your code
  			  
  			  }
  		});
   

Example

1. Make layout file(main.xml).
   
   

   <?xml version="1.0" encoding="utf-8"?>
   
   <GridView xmlns:android="http://schemas.android.com/apk/res/android"
       android:id="@+id/gridView1"
       android:numColumns="auto_fit"
       android:gravity="center"
       android:columnWidth="50dp"
       android:stretchMode="columnWidth"
       android:layout_width="fill_parent"
       android:layout_height="fill_parent" >
    
   <TextView/>
   

2. Define list and add listener that show item

   public class GridViewActivity extends ListActivity {
    
   	GridView gridView;
    
   	static final String[] letters = new String[] { 
   			"D", "U", "N"
   			"I", "Y", "A"};
    
   	@Override
   	public void onCreate(Bundle savedInstanceState) {
   		super.onCreate(savedInstanceState);
    
   		setContentView(R.layout.main);
    
   		gridView = (GridView) findViewById(R.id.gridView1);
    
   		ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
   				android.R.layout.simple_list_item_1, letters);
    
   		gridView.setAdapter(adapter);
    
   		gridView.setOnItemClickListener(new OnItemClickListener() {
   			public void onItemClick(AdapterView<?> parent, View v,
   				int position, long id) {
   			   Toast.makeText(getApplicationContext(),
   				((TextView) v).getText(), Toast.LENGTH_SHORT).show();
   			}
   		});
    
   	}
    
   }
   

3. Output :