Working with ListView in Android. Customize ListView, Add item via a Button Click. And also clickable each button in each row

Hi all

How are you. Today I will describe about ListView in Android.
ListView is Very interesting control in Android. You can fully customize the ListView and can represent data as you need.

Eash list item is also be possible to customize  (Which will be rendered per list item).

OK. Now i will deliver you a sample ListView application

My Application screen shot is like below:

Figure 1: ListView Application

Description: A user will enter “Name” and “Mobile” number and when press click button, A item will be added in a ListView.

Please note, this is a in memory representation of data. I do not save this data to device. So runtime you can add item, after re running list will be empty.

Sources:

Sources files can be categorized into several parts

1. Layout

There are two layout files for this. One for Main Application UI,  Second for ListView Item representation

3. Java Sources

There are Three Java Classes for that. One for Main Activity (ListActivity), Second,for CustomAdapter, Third, A Model Class to represent Name and Email.

* Layout (main.xml)

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center|top"
>

<Button
android:id=”@+id/ButtonToast”
android:text=”Toast MSG”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:width=”100px”
android:height=”20px”
android:layout_marginRight=”10px”
android:layout_marginTop=”5px”
>
</Button>

<Button
android:id=”@+id/ButtonDialog”
android:text=”Dialog MSG”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:width=”100px”
android:height=”20px”
android:layout_marginTop=”5px”
>
</Button>

</LinearLayout>

* Layout (list_item.xml)

<?xml version=”1.0″ encoding=”utf-8″?>
<LinearLayout
xmlns:android=”http://schemas.android.com/apk/res/android&#8221;
android:id=”@+id/LinearLayout01″
android:paddingTop=”4dip”
android:paddingBottom=”6dip”
android:layout_width=”fill_parent”
android:layout_height=”wrap_content”
android:orientation=”horizontal”>
<TextView
android:id=”@+id/lst_item_Name”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:minWidth=”120px”
>
</TextView>
<TextView
android:id=”@+id/lst_item_Mobile”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:layout_marginLeft=”10px”
android:minWidth=”120px”
>
</TextView>
<Button
android:id=”@+id/lst_item_Delete”
android:text=”Delete”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:width=”80px”
>
</Button>
</LinearLayout>

* Java (ListActivity)

package com.blog.exercise;

import java.util.ArrayList;
import java.util.HashMap;

import android.app.ListActivity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ListView;
import android.widget.SimpleAdapter;

import com.blog.exercise.Model.PersonalInfo;

public class ListActivity1 extends ListActivity {
/** Called when the activity is first created. */
ArrayList<PersonalInfo> newList = null;

SimpleAdapter adpt = null;

private Button btnSave = null;

private EditText txtName = null;
private EditText txtMobile = null;
private CustomListAdapter newAdpt = null;
private int i = 0;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.listlayout);
newList = new ArrayList<PersonalInfo>();

newAdpt = new CustomListAdapter(this, R.layout.list_item, newList);
setListAdapter(this.newAdpt);

txtName = (EditText)findViewById(R.id.txtName);
txtMobile = (EditText)findViewById(R.id.txtMobile);
btnSave = (Button)findViewById(R.id.btnSave);

btnSave.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View arg0) {
newList = new ArrayList<PersonalInfo>();
PersonalInfo info = new PersonalInfo();
info.SetName(txtName.getText().toString());
info.SetMobile(txtMobile.getText().toString());
newList.add(info);
//Thread.sleep(2000);

if(newList != null && newList.size() > 0){
newAdpt.notifyDataSetChanged();
newAdpt.add(newList.get(0));
i++;
// for(int i=0;i<newList.size();i++)
//     newAdpt.add(newList.get(i));
}

newAdpt.notifyDataSetChanged();

}
});
}
}

* Java (Custom List Adapter)

package com.blog.exercise;

import java.util.ArrayList;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.View.OnClickListener;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.TextView;
import android.widget.Toast;

import com.blog.exercise.Model.PersonalInfo;

public class CustomListAdapter extends ArrayAdapter<PersonalInfo> {
private Context appContext = null;
private ArrayList<PersonalInfo> items = null;
public CustomListAdapter(Context context, int textViewResourceId, ArrayList<PersonalInfo> items){
super(context,textViewResourceId,items);
this.appContext = context;
this.items=items;
}

@Override
public View getView(int position, View convertView, ViewGroup parent) {
View v = convertView;
if (v == null) {
LayoutInflater vi = (LayoutInflater) appContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
v = vi.inflate(R.layout.list_item, null);
}
PersonalInfo o = items.get(position);
if (o != null) {
TextView name = (TextView) v.findViewById(R.id.lst_item_Name);
TextView mobile = (TextView) v.findViewById(R.id.lst_item_Mobile);
Button btnDelete = (Button)v.findViewById(R.id.lst_item_Delete);

btnDelete.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View view) {
Toast.makeText(appContext,”Hellow this is clicked”, Toast.LENGTH_LONG).show();

}
});

if (name != null) {
name.setText(o.GetName());                            }
if(mobile != null){
mobile.setText(o.GetMobile());
}
}
return v;
}
}

* Java (Model Class)

package com.blog.exercise.Model;

public class PersonalInfo {
private String name = “”;
private String mobile = “”;

public void SetName(String name){
this.name = name;
}
public String GetName(){
return this.name;
}

public void SetMobile(String mobile){
this.mobile = mobile;
}
public String GetMobile(){
return this.mobile;
}
}

This is IT. Enjoy