Grid View in Android/Grid View Example in android/ Simple grid View in android

Grid View with text in android/Grid View Example in android/ Simple grid View in android

Using grid View we can display items in two dimensional, scrollable grids. Grid view can be used in many ways. We can display text using grid view (very simple when compared to other grid view).

First create a project and name it as you like. Then go to the main.xml file (I think you may now familiar with xml and other application resource stuffs). Then open the graphic layout, select composite and drag “Grid View” in to the page. Quite simple, right?? The code look like this..

<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" >

</GridView>

Now open your main activity. Then make a string array which holds some text. For eg,

static final String[] numbers = new String[] { 

                          "A", "B", "C", "D", "E",

                          "F", "G", "H", "I", "J",

                          "K", "L", "M", "N", "O",

                          "P", "Q", "R", "S", "T",

                          "U", "V", "W", "X", "Y", "Z"};

Then in onCreate method, create the object of Grid View and then create the instance of Array Adapter as we did in List View

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

ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,

                                   android.R.layout.simple_list_item_1, numbers);

Then call the method

gridView.setAdapter(adapter)

Add an onclicklistener to perform any action while clicking on each item of the grid view

                 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();

                          }

                 });

Now you can run the application

The entire code will look like this..

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" >



</GridView>

GridViewActivity.java

package com.GridviewExample.android;

import android.app.Activity;

import android.os.Bundle;

import android.widget.AdapterView;

import android.widget.ArrayAdapter;

import android.widget.GridView;

import android.widget.TextView;

import android.widget.Toast;

import android.view.View;

import android.widget.AdapterView.OnItemClickListener;

public class GridViewActivity extends Activity {

         GridView gridView;

         static final String[] numbers = new String[] { 

                          "A", "B", "C", "D", "E",

                          "F", "G", "H", "I", "J",

                          "K", "L", "M", "N", "O",

                          "P", "Q", "R", "S", "T",

                          "U", "V", "W", "X", "Y", "Z"};

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

                 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();

                          }

                 });

         }

}

Result

See More

Custom Gridview
Listview
Custom Listview
Tab view
Custom Spinner