Android – Multi Column ListView

Problem: How do i display multi-columnr listview in Android?
Description:
I know many novice android programmer are facing problem to implement multi-column listview or in confusion to implement this kind of view. so let me write here to implement multi columnr listview by using ListView itself.

Yes, its little bit tricky but if you have gone through my previous articles for creating Custom ListView then you will sure realize that its just a difference of creating listView_row xml layout file. Just go through the above link.

Output:

Android – Multi column ListView

Solution:
I haven’t done any magic but created a listview_row.xml as:

Android – Multi column Listview row

And now you can define the custom adapter for this listview same as our practice of defining custom adapter for ListView.

listview_row.xml

view plaincopy to clipboardprint?

1. <?xml version=”1.0″ encoding=”utf-8″?>
2. <LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”
3. android:id=”@+id/relativeLayout1″ android:layout_width=”fill_parent”
4. android:layout_height=”fill_parent” >
6. <TextView
7. android:id=”@+id/FirstText” android:layout_width=”0dp”
8. android:layout_height=”wrap_content” android:layout_weight=”1″
9. android:text=”First”/>
11. <TextView
12. android:id=”@+id/SecondText” android:layout_width=”0dp”
13. android:layout_height=”wrap_content” android:layout_weight=”2″
14. android:text=”Second”/>
16. <TextView
17. android:id=”@+id/ThirdText” android:layout_width=”0dp”
18. android:layout_height=”wrap_content” android:layout_weight=”1″
19. android:text=”Third”/>
21. <TextView
22. android:id=”@+id/FourthText” android:layout_width=”0dp”
23. android:layout_height=”wrap_content” android:layout_weight=”1″
24. android:text=”Fourth”/>
25. </LinearLayout>

main.xml

view plaincopy to clipboardprint?

1. <?xml version=”1.0″ encoding=”utf-8″?>
2. <LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”
3. android:layout_width=”match_parent”
4. android:layout_height=”match_parent”
5. android:orientation=”vertical” >
7. <ListView
8. android:id=”@+id/listview”
9. android:layout_height=”match_parent”
10. android:layout_width=”match_parent”/>
12. </LinearLayout>

listviewAdapter.java

view plaincopy to clipboardprint?

1. package com.paresh.demoexample;
3. import static com.paresh.demoexample.Constant.FIRST_COLUMN;
4. import static com.paresh.demoexample.Constant.SECOND_COLUMN;
5. import static com.paresh.demoexample.Constant.THIRD_COLUMN;
6. import static com.paresh.demoexample.Constant.FOURTH_COLUMN;
8. import java.util.ArrayList;
9. import java.util.HashMap;
10. import android.app.Activity;
11. import android.view.LayoutInflater;
12. import android.view.View;
13. import android.view.ViewGroup;
14. import android.widget.BaseAdapter;
15. import android.widget.TextView;
17. public class listviewAdapter extends BaseAdapter
18. {
19. public ArrayList<HashMap<String,String>> list;
20. Activity activity;
22. public listviewAdapter(Activity activity, ArrayList<HashMap<String,String>> list) {
23. super();
24. this.activity = activity;
25. this.list = list;
26. }
28. @Override
29. public int getCount() {
30. // TODO Auto-generated method stub
31. return list.size();
32. }
34. @Override
35. public Object getItem(int position) {
36. // TODO Auto-generated method stub
37. return list.get(position);
38. }
40. @Override
41. public long getItemId(int position) {
42. // TODO Auto-generated method stub
43. return 0;
44. }
46. private class ViewHolder {
47. TextView txtFirst;
48. TextView txtSecond;
49. TextView txtThird;
50. TextView txtFourth;
51. }
53. @Override
54. public View getView(int position, View convertView, ViewGroup parent) {
55. // TODO Auto-generated method stub
57. // TODO Auto-generated method stub
58. ViewHolder holder;
59. LayoutInflater inflater = activity.getLayoutInflater();
61. if (convertView == null)
62. {
63. convertView = inflater.inflate(R.layout.listview_row, null);
64. holder = new ViewHolder();
65. holder.txtFirst = (TextView) convertView.findViewById(R.id.FirstText);
66. holder.txtSecond = (TextView) convertView.findViewById(R.id.SecondText);
67. holder.txtThird = (TextView) convertView.findViewById(R.id.ThirdText);
68. holder.txtFourth = (TextView) convertView.findViewById(R.id.FourthText);
69. convertView.setTag(holder);
70. }
71. else
72. {
73. holder = (ViewHolder) convertView.getTag();
74. }
76. HashMap<String, String> map = list.get(position);
77. holder.txtFirst.setText(map.get(FIRST_COLUMN));
78. holder.txtSecond.setText(map.get(SECOND_COLUMN));
79. holder.txtThird.setText(map.get(THIRD_COLUMN));
80. holder.txtFourth.setText(map.get(FOURTH_COLUMN));
82. return convertView;
83. }
84. }

MultiColumnActivity.java

view plaincopy to clipboardprint?

1. package com.paresh.demoexample;
3. import static com.paresh.demoexample.Constant.FIRST_COLUMN;
4. import static com.paresh.demoexample.Constant.SECOND_COLUMN;
5. import static com.paresh.demoexample.Constant.THIRD_COLUMN;
6. import static com.paresh.demoexample.Constant.FOURTH_COLUMN;
8. import java.util.ArrayList;
9. import java.util.HashMap;
11. import android.app.Activity;
12. import android.os.Bundle;
13. import android.widget.ListView;
15. public class MultiColumnActivity extends Activity
16. {
17. private ArrayList<HashMap<String,String>> list;
19. public void onCreate(Bundle savedInstanceState)
20. {
21. super.onCreate(savedInstanceState);
22. setContentView(R.layout.main);
24. ListView lview = (ListView) findViewById(R.id.listview);
25. populateList();
26. listviewAdapter adapter = new listviewAdapter(this, list);
27. lview.setAdapter(adapter);
28. }
30. private void populateList() {
32. list = new ArrayList<HashMap<String,String>>();
34. HashMap<String,String> temp = new HashMap<String,String>();
35. temp.put(FIRST_COLUMN,”Colored Notebooks”);
36. temp.put(SECOND_COLUMN, ”By NavNeet”);
37. temp.put(THIRD_COLUMN, ”Rs. 200″);
38. temp.put(FOURTH_COLUMN, ”Per Unit”);
39. list.add(temp);
41. HashMap<String,String> temp1 = new HashMap<String,String>();
42. temp1.put(FIRST_COLUMN,”Diaries”);
43. temp1.put(SECOND_COLUMN, ”By Amee Products”);
44. temp1.put(THIRD_COLUMN, ”Rs. 400″);
45. temp1.put(FOURTH_COLUMN, ”Per Unit”);
46. list.add(temp1);
48. HashMap<String,String> temp2 = new HashMap<String,String>();
49. temp2.put(FIRST_COLUMN,”Note Books and Stationery”);
50. temp2.put(SECOND_COLUMN, ”By National Products”);
51. temp2.put(THIRD_COLUMN, ”Rs. 600″);
52. temp2.put(FOURTH_COLUMN, ”Per Unit”);
53. list.add(temp2);
55. HashMap<String,String> temp3 = new HashMap<String,String>();
56. temp3.put(FIRST_COLUMN,”Corporate Diaries”);
57. temp3.put(SECOND_COLUMN, ”By Devarsh Prakashan”);
58. temp3.put(THIRD_COLUMN, ”Rs. 800″);
59. temp3.put(FOURTH_COLUMN, ”Per Unit”);
60. list.add(temp3);
62. HashMap<String,String> temp4 = new HashMap<String,String>();
63. temp4.put(FIRST_COLUMN,”Writing Pad”);
64. temp4.put(SECOND_COLUMN, ”By TechnoTalaktive Pvt. Ltd.”);
65. temp4.put(THIRD_COLUMN, ”Rs. 100″);
66. temp4.put(FOURTH_COLUMN, ”Per Unit”);
67. list.add(temp4);
68. }
69. }

Constant.java

view plaincopy to clipboardprint?

1. package com.paresh.demoexample;
2. public class Constant {
3. public static final String FIRST_COLUMN = ”First”;
4. public static final String SECOND_COLUMN = ”Second”;
5. public static final String THIRD_COLUMN = ”Third”;
6. public static final String FOURTH_COLUMN = ”Fourth”;
7. }

Download full Example from Here: Android – Multi Column ListView

Please feel free to give comment/feedback if you are knowing better solutions than this. 

 

Referenced by: http://www.technotalkative.com/android-multi-column-listview/