You may need to use a custom list with a custom array adapter. For example, a link.
Content:
Android HelloListView ( http://developer.android.com/resources/tutorials/views/hello-listview.html ) shows how to associate a ListView with an array of string objects, but you will probably outgrow it pretty quickly. This post will show you how to associate a ListView with an ArrayList with custom objects, as well as create a multi-line ListView.
Let's say you have some kind of search function that returns a list of people, as well as addresses and phone numbers. We are going to display this data in three formatted lines for each result and make it interactive.
First create a new Android project and create two layout files. Main.xml will probably already be created by default, so paste it into:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"> <TextView android:layout_height="wrap_content" android:text="Custom ListView Contents" android:gravity="center_vertical|center_horizontal" android:layout_width="fill_parent" /> <ListView android:id="@+id/ListView01" android:layout_height="wrap_content" android:layout_width="fill_parent"/> </LinearLayout>
Then create a layout file called custom_row_view.xml. This layout will be the template for each individual row in the ListView. You can use almost any type of layout - Relative, Table, etc., but for this we just use Linear:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"> <TextView android:id="@+id/name" android:textSize="14sp" android:textStyle="bold" android:textColor="#FFFF00" android:layout_width="wrap_content" android:layout_height="wrap_content"/> <TextView android:id="@+id/cityState" android:layout_width="wrap_content" android:layout_height="wrap_content"/> <TextView android:id="@+id/phone" android:layout_width="wrap_content" android:layout_height="wrap_content"/> </LinearLayout>
Now add an object called SearchResults. Paste this code in:
public class SearchResults { private String name = ""; private String cityState = ""; private String phone = ""; public void setName(String name) { this.name = name; } public String getName() { return name; } public void setCityState(String cityState) { this.cityState = cityState; } public String getCityState() { return cityState; } public void setPhone(String phone) { this.phone = phone; } public String getPhone() { return phone; } }
This is a class that we will populate with our data and load it into an ArrayList.
Then you will need a custom adapter. It just extends the BaseAdapter, but you can extend the ArrayAdapter if you want.
public class MyCustomBaseAdapter extends BaseAdapter { private static ArrayList<SearchResults> searchArrayList; private LayoutInflater mInflater; public MyCustomBaseAdapter(Context context, ArrayList<SearchResults> results) { searchArrayList = results; mInflater = LayoutInflater.from(context); } public int getCount() { return searchArrayList.size(); } public Object getItem(int position) { return searchArrayList.get(position); } public long getItemId(int position) { return position; } public View getView(int position, View convertView, ViewGroup parent) { ViewHolder holder; if (convertView == null) { convertView = mInflater.inflate(R.layout.custom_row_view, null); holder = new ViewHolder(); holder.txtName = (TextView) convertView.findViewById(R.id.name); holder.txtCityState = (TextView) convertView.findViewById(R.id.cityState); holder.txtPhone = (TextView) convertView.findViewById(R.id.phone); convertView.setTag(holder); } else { holder = (ViewHolder) convertView.getTag(); } holder.txtName.setText(searchArrayList.get(position).getName()); holder.txtCityState.setText(searchArrayList.get(position).getCityState()); holder.txtPhone.setText(searchArrayList.get(position).getPhone()); return convertView; } static class ViewHolder { TextView txtName; TextView txtCityState; TextView txtPhone; } }
(This is basically the same as the demo version of List14.java API)
Finally, we include all of this in the main class file:
public class CustomListView extends Activity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); ArrayList<SearchResults> searchResults = GetSearchResults(); final ListView lv1 = (ListView) findViewById(R.id.ListView01); lv1.setAdapter(new MyCustomBaseAdapter(this, searchResults)); lv1.setOnItemClickListener(new OnItemClickListener() { @Override public void onItemClick(AdapterView<?> a, View v, int position, long id) { Object o = lv1.getItemAtPosition(position); SearchResults fullObject = (SearchResults)o; Toast.makeText(ListViewBlogPost.this, "You have chosen: " + " " + fullObject.getName(), Toast.LENGTH_LONG).show(); } }); } private ArrayList<SearchResults> GetSearchResults(){ ArrayList<SearchResults> results = new ArrayList<SearchResults>(); SearchResults sr1 = new SearchResults(); sr1.setName("John Smith"); sr1.setCityState("Dallas, TX"); sr1.setPhone("214-555-1234"); results.add(sr1); sr1 = new SearchResults(); sr1.setName("Jane Doe"); sr1.setCityState("Atlanta, GA"); sr1.setPhone("469-555-2587"); results.add(sr1); sr1 = new SearchResults(); sr1.setName("Steve Young"); sr1.setCityState("Miami, FL"); sr1.setPhone("305-555-7895"); results.add(sr1); sr1 = new SearchResults(); sr1.setName("Fred Jones"); sr1.setCityState("Las Vegas, NV"); sr1.setPhone("612-555-8214"); results.add(sr1); return results; } }
Note that we first get an ArrayList of SearchResults (usually this will be from an external data source ...), pass it to the user adapter, and then set up the click listener. The listener receives the element that was clicked, converts it back to a SearchResults object, and does whatever it needs.