如何使用简单的适配器和列表视图创建自己的自定义行布局

Question

I need help in creating a custom listview that allows me to have 2 strings/textviews per row. I have been researching a lot, but I cannot seem to understand how to do this. Any sample code and help would be appreciated. I know how to use simple_list_item_1, but not my own layout. Thank YOU. My (Still Non-Functioning) Code

 package com.painLogger;
 //ALL IMPORTS

 public class PainLoggerActivity extends Activity implements OnClickListener,
 OnKeyListener {

     /** Called when the activity is first created. */
     EditText txtItem;
     EditText txtItem2;
     Button btnAdd;
     ListView listItems;
     ArrayAdapter < String > aa;
     List < HashMap < String, String >> painItems = new ArrayList < HashMap < String, String >> ();
     int[] to;
     String[] from;
     SimpleAdapter adapter;


     @Override
     public void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.main);

         txtItem = (EditText) findViewById(R.id.txtItem);
         txtItem2 = (EditText) findViewById(R.id.txtItem2);

         btnAdd = (Button) findViewById(R.id.btnAdd);
         listItems = (ListView) findViewById(R.id.listItems);

         btnAdd.setOnClickListener(this);

         from = new String[] {
             "row_1", "row_2"
         };
         to = new int[] {
             R.id.row1, R.id.row2
         };

         SimpleAdapter adapter = new SimpleAdapter(this, painItems, R.layout.mylistlayout,
             from, to);
         listItems.setAdapter(adapter);
     }

     private void addItem() {
         HashMap < String, String > map = new HashMap < String, String > ();

         map.put("row_1", txtItem.getText().toString());
         map.put("row_2", txtItem2.getText().toString());
         painItems.add(map);
         adapter.notifyDataSetChanged();
     }

     @Override
     public void onClick(View v) {
         if (v == this.btnAdd) {
             addItem();
         }
     }

     @Override
     public boolean onKey(View v, int keyCode, KeyEvent event) {

         if (event.getAction() == KeyEvent.ACTION_DOWN && keyCode ==
             KeyEvent.KEYCODE_DPAD_CENTER) {             this.addItem();

         }
         return false;
     }
 }

Answer 1

With reference to this question, use this code.
EDIT: Added hashmap definition

String[] from = new String[] {"row_1", "row_2"};
int[] to = new int[] { R.id.row1, R.id.row2};
List<HashMap<String, String>> fillMaps = new ArrayList<HashMap<String, String>>();

for (int j = 0; j < sourceObj.length(); j++) {
        HashMap<String, String> map = new HashMap<String, String>();
        map.put("row_1", sourceObj.data1);
        map.put("row_2", sourceObj.data2);
        fillMaps.add(map);
}

SimpleAdapter adapter = new SimpleAdapter(context, fillMaps, R.layout.yourlayoutname, from, to);
mListView.setAdapter(adapter);

• Make your list view which could be a LinearLayout with a couple of TextViews
• Reference this list layout using R.layout.yourlayoutname in this line SimpleAdapter adapter = new SimpleAdapter(context, fillMaps, R.layout.result, from, to);
• Pass in your data

The good thing about this approach is that it avoids you having to create any new objects, and it doesn't involve much code.

Answer 2

At first you need to create view to hold your custom list item

<?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"
   >
<ListView
    android:id="@+id/android:list"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    />
<TextView
    android:id="@+id/android:empty"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:text="No Item to display"/>
</LinearLayout>

After that you will need to create a view for your list item

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="?android:attr/listPreferredItemHeight"
    android:padding="6dip">
    <LinearLayout
        android:orientation="vertical"
        android:layout_width="0dip"
        android:layout_weight="1"
        android:layout_height="fill_parent">
        <TextView
            android:id="@+id/toptext"
            android:layout_width="fill_parent"
            android:layout_height="0dip"
            android:layout_weight="1"
            android:gravity="center_vertical"
        />
        <TextView
            android:layout_width="fill_parent"
            android:layout_height="0dip"
            android:layout_weight="1" 
            android:id="@+id/bottomtext"
            android:singleLine="true"
            android:ellipsize="marquee"
        />
    </LinearLayout>
</LinearLayout>

And you gonna need a custom class to implement new view

private class OrderAdapter extends ArrayAdapter<Order> {

    private ArrayList<Order> items;

    public OrderAdapter(Context context, int textViewResourceId, ArrayList<Order> items) {
        super(context, textViewResourceId, items);
        this.items = items;
    }
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        View v = convertView;
        if (v == null) {
            //inflate a new view for your list item
            LayoutInflater vi = (LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE);
            v = vi.inflate(R.layout.row, null);
        }
        Order o = items.get(position);
        if (o != null) {
            //set text to view
            TextView tt = (TextView) v.findViewById(R.id.toptext);
            TextView bt = (TextView) v.findViewById(R.id.bottomtext);
            if (tt != null) {
                  tt.setText("Name: "+o.getOrderName());                            }
            if(bt != null){
                  bt.setText("Status: "+ o.getOrderStatus());
            }
        }
        return v;
    }
}

Reference:

http://www.softwarepassion.com/android-series-custom-listview-items-and-adapters/