List View And GridView Layout example in Android

Listview Layout

MainActivity.java

package com.example.layouts;



import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.view.Menu;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.Toast;
import android.widget.AdapterView.OnItemClickListener;

public class MainActivity extends Activity {

     ListView listv;
        String itemvalue;
        String books[] = {"Android","Java","Hibernate","JavaScript","AJAX","Jquery","JSP","XML","HTML","Go to Next Activity to Show the Grid Layout"};
       
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
       
       
        listv = (ListView)findViewById(R.id.listView1);
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1,android.R.id.text1, books);
        listv.setAdapter(adapter);
       
       
        listv.setOnItemClickListener(new OnItemClickListener() {

              @Override
              public void onItemClick(AdapterView<?> arg0, View arg1, int position,
                long arg3) {
               // TODO Auto-generated method stub
              
               int itemPosition = position;
               String itemvalue = (String)listv.getItemAtPosition(position);
              
               if(itemPosition==9)
               {
                   Intent i =new Intent(MainActivity.this,GridActivity.class);
                   startActivity(i);
               }
              Toast.makeText(getApplicationContext(), ""+itemvalue+"@ Position: "+itemPosition,Toast.LENGTH_LONG).show();

              }

             });
           
    }


    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }
   
}




activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <ListView
        android:id="@+id/listView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true" >
    </ListView>

</RelativeLayout>

GridLayout

GridActivity.java
package com.example.layouts;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.Menu;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ArrayAdapter;
import android.widget.GridView;
import android.widget.TextView;
import android.widget.Toast;

public class GridActivity 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
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_grid);
       
        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() {

            @Override
            public void onItemClick(AdapterView<?> parent, View v, int position,
                    long id) {
                // TODO Auto-generated method stub
                int itemPosition = position;
                String itemvalue = (String)gridview.getItemAtPosition(position);
                 if(itemPosition==26){
                   
                     Intent i =new Intent(GridActivity.this,NextActivity.class);
                       startActivity(i);
                 }
                 Toast.makeText(getApplicationContext(),
                         "Moving to Next Acitvity" , Toast.LENGTH_SHORT).show();
            }
       
        });
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.grid, menu);
        return true;
    }

}



activity_grid.xml 
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/GridLayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_gravity="center"
    android:columnCount="1"
    android:orientation="horizontal"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".GridActivity" >

    <GridView
        android:id="@+id/gridView1"
        android:layout_gravity="fill"
        android:columnWidth="50dp"
        android:gravity="center"
        android:numColumns="auto_fit" >
    </GridView>

</GridLayout>

Download the Source Code  

OutPut: