Main.java
package com.bagkod.customlistviewdemo;
import java.util.ArrayList;
import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ListView;
import android.widget.Toast;
public class Main extends Activity {
// ## VIEW
private ListView mList;
// ## DATA
private Context context;
private ArrayList<ModelDevice> arrayDevice;
// ## ADAPTER
private AdapterDevice adapterDevice;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
declareView();
initData();
}
private void declareView() {
context = getApplicationContext();
mList = (ListView) findViewById(R.id.list_device);
}
private void initData() {
arrayDevice = Dummy.getDevice();
adapterDevice = new AdapterDevice(context, arrayDevice);
mList.setAdapter(adapterDevice);
mList.setOnItemClickListener(itemListener);
}
private OnItemClickListener itemListener = new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
long arg3) {
// implement action item sesuai kebutuhan
}
};
}
ModelDevice.java
package com.bagkod.customlistviewdemo;
public class ModelDevice {
private String vendorName;
private String deviceName;
private String osName;
public String getVendorName() {
return vendorName;
}
public void setVendorName(String vendorName) {
this.vendorName = vendorName;
}
public String getDeviceName() {
return deviceName;
}
public void setDeviceName(String deviceName) {
this.deviceName = deviceName;
}
public String getOsName() {
return osName;
}
public void setOsName(String osName) {
this.osName = osName;
}
}
AdapterDevice.java
package com.bagkod.customlistviewdemo;
import java.util.ArrayList;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;
public class AdapterDevice extends BaseAdapter {
private ArrayList<ModelDevice> arrayData;
private Context context;
public AdapterDevice(Context context, ArrayList<ModelDevice> arrayData) {
this.context = context;
this.arrayData = arrayData;
}
static class DataViewHolder {
TextView txtVendor;
TextView txtDevice;
TextView txtOs;
}
@Override
public int getCount() {
return arrayData.size();
}
@Override
public Object getItem(int position) {
return arrayData.get(position);
}
@Override
public long getItemId(int position) {
return 0;
}
@Override
public View getView(int position, View view, ViewGroup viewGroup) {
DataViewHolder viewHolder;
if (view == null) {
LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
view = inflater.inflate(R.layout.list_item, viewGroup, false);
viewHolder = new DataViewHolder();
viewHolder.txtVendor = (TextView) view.findViewById(R.id.txt_vendor_name);
viewHolder.txtDevice = (TextView) view.findViewById(R.id.txt_device_name);
viewHolder.txtOs = (TextView) view.findViewById(R.id.txt_os_name);
view.setTag(viewHolder);
} else {
viewHolder = (DataViewHolder) view.getTag();
}
ModelDevice data = arrayData.get(position);
if (data != null) {
viewHolder.txtVendor.setText(data.getVendorName());
viewHolder.txtDevice.setText(data.getDeviceName());
viewHolder.txtOs.setText(data.getOsName());
}
return view;
}
}
Dummy.java
package com.bagkod.customlistviewdemo;
import java.util.ArrayList;
public class Dummy {
public static ArrayList<ModelDevice> getDevice() {
ModelDevice item = null;
ArrayList<ModelDevice> listDevice = new ArrayList<ModelDevice>();
item = new ModelDevice();
item.setVendorName("Samsung");
item.setDeviceName("Galaxy Note II");
item.setOsName("Android");
listDevice.add(item);
item = new ModelDevice();
item.setVendorName("HTC");
item.setDeviceName("Butterfly");
item.setOsName("Android");
listDevice.add(item);
item = new ModelDevice();
item.setVendorName("Nokia");
item.setDeviceName("Lumia 920");
item.setOsName("Windows Phone");
listDevice.add(item);
item = new ModelDevice();
item.setVendorName("Nokia");
item.setDeviceName("Lumia 520");
item.setOsName("Windows Phone");
listDevice.add(item);
item = new ModelDevice();
item.setVendorName("Apple");
item.setDeviceName("iPhone 4S");
item.setOsName("IOS");
listDevice.add(item);
item = new ModelDevice();
item.setVendorName("Apple");
item.setDeviceName("iPad Mini");
item.setOsName("IOS");
listDevice.add(item);
return listDevice;
}
}
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"
tools:context=".Main" >
<ListView
android:id="@+id/list_device"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentRight="true"
android:layout_alignParentTop="true" >
</ListView>
</RelativeLayout>
list_item.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="80dp"
android:background="#F6F6F6" >
<TextView
android:id="@+id/txt_vendor_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_marginTop="10dp"
android:layout_marginLeft="20dp"
android:text="Apple"
android:textStyle="bold"
android:textSize="18sp"
android:textColor="#2A3335" />
<TextView
android:id="@+id/txt_device_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/txt_vendor_name"
android:layout_alignLeft="@+id/txt_vendor_name"
android:text="IPhone"
android:textSize="14sp"
android:textColor="#2A3335" />
<TextView
android:id="@+id/txt_os_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/txt_device_name"
android:layout_alignLeft="@+id/txt_device_name"
android:text="IOS"
android:textColor="#2A3335" />
<ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:layout_marginRight="15dp"
android:src="@drawable/ic_arrow" />
</RelativeLayout>