For Custom Listview we need the following:-
- MainActivity class containing Listview and will be the main screen.
- Create Model class to save data for each row like in this example i created MyItem class
- Pass this Model class object to Arraylist to generate each row item of Listview.
- Create CustomAdapter class to have view for each row as required in this example i created MyAdapter class to generate view for each row.
- We need two layout one for MainActivity class containing listview and other for CustomAdapter which we need for each row of listview. we can create view for CustomAdapter according to our requirement.
//Main Activity
MainActivity.java
package com.androidruler.customlistview;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.ListView;
import java.util.ArrayList;
public class MainActivity extends AppCompatActivity {
ListView mainactivity;
// creating arraylist of MyItem type to set to adapter
ArrayList<MyItem> myitems=new ArrayList<>();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mainactivity=(ListView)findViewById(R.id.mainactivitylistview);
//Adding data i.e images and title to be set to adapter to populate list view
//here i am passing image id from drawable and string as to be set as title as // a parameter to MyItem Constructor as our ArrayList is type of MyItem
myitems.add(new MyItem(R.drawable.christ_brazil,"Christ Redeemer: Rio de Janeiro
Brazil"));
myitems.add(new MyItem(R.drawable.greatwall_china,"Great Wall of China: China"));
myitems.add(new MyItem(R.drawable.machu_peru,"Machu Picchu: Peru"));
myitems.add(new MyItem(R.drawable.petra_jorden,"Petra: Jordan"));
myitems.add(new MyItem(R.drawable.pyramid_mexico,"Pyramid at Chichén Itzá:YucataPeninsula, Mexico"));
myitems.add(new MyItem(R.drawable.roman_rome,"Roman Colosseum: Rome, Italy"));
myitems.add(new MyItem(R.drawable.taj_india,"Taj Mahal: Agra, India"));
//Creating Adapter object for setting to listview
MyAdapter adapter=new MyAdapter(MainActivity.this,myitems);
mainactivity.setAdapter(adapter);
// Handle Listview click
mainactivity.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
//Perform click events
MyItem myitem=(MyItem)myitems.get(position);
String title=myitem.getImageheading();
}
});
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
//getMenuInflater().inflate(R.menu.menu_main, menu);
//this shows three dots at right corner on click settings open
return true; }
@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();
//noinspection SimplifiableIfStatement
if (id == R.id.action_settings)
{ return true; }
return super.onOptionsItemSelected(item);
}
}
//Model Class whose objects we pass in arraylist
MyItem.java
public class MyItem {
private int imageid;
private String imageheading="";
public MyItem(int id,String title)
{
imageid=id;
imageheading=title;
}
public int getImageid() {
return imageid;
}
public String getImageheading() {
return imageheading;
}
public void setImageheading(String imageheading) {
this.imageheading = imageheading;
}
public void setImageid(int imageid) {
this.imageid = imageid;
}
}
MyAdapter.java
//Custom Adapter class extends Baseadapter
public class MyAdapter extends BaseAdapter {
Context context;
ArrayList<MyItem> listforview;
LayoutInflater inflator=null;
View v;
ViewHolder vholder;
//Constructor
public MyAdapter(Context con,ArrayList<MyItem> list)
{
super();
context=con;
listforview=list;
inflator=LayoutInflater.from(con);
}
// return position here
@Override
public long getItemId(int position) {
return position;
}
// return size of list
@Override
public int getCount() {
return listforview.size();
}
//get Object from each position
@Override
public Object getItem(int position) {
return listforview.get(position);
}
//Viewholder class to contain inflated xml views
private class ViewHolder
{
TextView title;
ImageView image;
}
// Called for each view
@Override
public View getView(int position, View convertView, ViewGroup parent) {
v=convertView;
if(convertView==null)
{
//inflate the view for each row of listview
v=inflator.inflate(R.layout.myadapter,null);
//ViewHolder object to contain myadapter.xml elements
vholder=new ViewHolder();
vholder.title=(TextView)v.findViewById(R.id.adaptertextview);
vholder.image=(ImageView)v.findViewById(R.id.adapterimage);
//set holder to the view
v.setTag(vholder);
}
else
vholder=(ViewHolder)v.getTag();
//getting MyItem Object for each position
MyItem item=(MyItem)listforview.get(position);
//setting the values from object to holder views for each row
vholder.title.setText(item.getImageheading());
vholder.image.setImageResource(item.getImageid());
return v;
}
}
// layout xml file for MainActivity.java
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"
tools:context=".MainActivity">
<ListView
android:id="@+id/mainactivitylistview"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:divider="@android:color/black"
android:dividerHeight="2dp"></ListView>
</RelativeLayout>
// layout xml file for adapter
myadapter.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal" android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:id="@+id/adapterimage"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<TextView
android:id="@+id/adaptertextview"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</LinearLayout>
AndroidManifest.xml
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.androidruler.customlistview" >
<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:theme="@style/AppTheme" >
<activity
android:name=".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>
</application>
</manifest>
androidruler 