Create custom ListView in android

Last updated on August 12th, 2015 at 11:56 pm

In this post we are going to create a simple custom ListView. This post is very simple and for beginners.

Start your New Android Project

1. Create a new project in Eclipse from File ⇒ New ⇒ Android Application Project. I had left my main activity name as MainActivity.java .

2. Now open your activity_main.xml inside res ⇒ layout folder and insert ListView from Composite inside Palette to your activity_main.xml

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/disp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true" >

    </ListView>

</RelativeLayout>

3. Now create new  XML file inside res ⇒ layout folder da_list.xml and add TextView in it.

da_list.xml

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
    
</TextView>

4. Now open your MainActivity.java inside src ⇒MainActivity.java.  In this file we can insert data to ListView and handel click when user press on a list.

MainActivity.java


package com.listview;

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.ArrayAdapter;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends Activity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		// List view
		listviewload();
		handleClick();
	}

	private void listviewload() {
		// TODO Auto-generated method stub
		String[] arr = { "aneh", "thakur", "love", "think", "code" };
		ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
				R.layout.da_list, arr);
		ListView list = (ListView) findViewById(R.id.disp);
		list.setAdapter(adapter);

	}

	private void handleClick() {
		// TODO Auto-generated method stub
		ListView list = (ListView) findViewById(R.id.disp);
		list.setOnItemClickListener(new AdapterView.OnItemClickListener() {

			@Override
			public void onItemClick(AdapterView<?> paret, View viewClicked, int position, long id) {
				// TODO Auto-generated method stub
				TextView textview = (TextView)viewClicked;
				String message = "You clicked"+ position
						+ "Text"+textview.getText().toString();
				Toast.makeText(getApplicationContext(), message, Toast.LENGTH_LONG).show();
				
				// Open new activity
				Intent i = new Intent(MainActivity.this, Data.class);
				i.putExtra("Data", message);
				startActivity(i);
			}

		});
	}

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

In MainActivity.java create two method

listviewload();
handelClick();

 In listviewload()  we load the data into listview and show and in 2nd method handelClick() we handle user click.

listviewload() Method:

In  this method first we create  array string in which we are going to show in listview, after this we use array adapter. In ArrayAdapter we pass three parameter

ArrayAdapter<String>(Context context, Resource,  ArrayData);

after that we set adapter data to ListView.

	private void listviewload() {
		// TODO Auto-generated method stub
		String[] arr = { "aneh", "thakur", "love", "think", "code" };
		ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
				R.layout.da_list, arr);
		ListView list = (ListView) findViewById(R.id.disp);
		list.setAdapter(adapter);

	}

handleClick() Method:

In this method we handle user click on list and open new activity. You need to create new xml file inside layout folder

data.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <TextView
        android:id="@+id/dataa"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="98dp"
        android:layout_marginTop="55dp"
        android:text="" />

</RelativeLayout>

Now when user click on a particular list we open activity according to ListItem. We use setOnItemClickListener() to handle user  click.

	private void handleClick() {
		// TODO Auto-generated method stub
		ListView list = (ListView) findViewById(R.id.disp);
		list.setOnItemClickListener(new AdapterView.OnItemClickListener() {

			@Override
			public void onItemClick(AdapterView<?> paret, View viewClicked, int position, long id) {
				// TODO Auto-generated method stub
				TextView textview = (TextView)viewClicked;
				String message = "You clicked"+ position
						+ "Text"+textview.getText().toString();
				Toast.makeText(getApplicationContext(), message, Toast.LENGTH_LONG).show();
				
				// Open new activity
				Intent i = new Intent(MainActivity.this, Data.class);
				i.putExtra("Data", message);
				startActivity(i);
			}

		});
	}

Create new java file inside src folder name as Data.java this is the file we open when user click on list.

Data.java

package com.listview;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.widget.TextView;

public class Data extends Activity {
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.data);
		
		Intent i = getIntent();
		String d = i.getStringExtra("Data");
		TextView txt = (TextView)findViewById(R.id.dataa);
		txt.setText(d);
	}

}

You also need to add this activity entry in manifest file.

AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.listview"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="9"
        android:targetSdkVersion="19" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:largeHeap="true"
        android:theme="@style/AppTheme" >
        <activity
            android:name="com.listview.MainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity android:name="Data" >
        </activity>
    </application>

</manifest>

You can try this code and also download file from above download link.