Question

This is a great tutorial on how to get a Single Choice List in Android to work, but I need one more thing: I want two lines of text instead of one. So, it would look like this:

|-----------------------------|
| FIRST LINE OF TEXT      (o) | <- this is a "RadioButton". Ideally, 
| second line of text         |    it would be centered vertically.
|-----------------------------|

This SO question is related, but I’m an Android newb, so it’s a little over my head. Can anyone break it down for me so that I can use it in the context of the tutorial I linked above?

Answer 1

You need to create the custom layout for this.

for display list as it like

this is your layout file

<LinearLayout
     android:orientation="vertical"
     android:layout_width="fill_parent"
     android:layout_height="fill_parent">

   <ListView 
     android:id="@+id/mylistview"
     android:layout_width="fill_parent"
     android:layout_height="fill_parent" />
</LinearLayout>

this is your custom list view style

<LinearLayout
     android:orientation="horizontal"
     android:layout_width="fill_parent"
     android:layout_height="fill_parent">
         <LinearLayout
              android:layout_weight="1"
              android:layout_width="fill_parent"
              android:layout_height="wrap_content"
              android:orientation="vertical">
              <TextView
                     android:id="@+id/text1"
                     android:layout_width="fill_parent"
                     android:layout_height="wrap_content"
                     android:text="Text view 1"/>
              <TextView
                     android:id="@+id/text2"
                     android:layout_width="fill_parent"
                     android:layout_height="wrap_content"
                     android:text="Text view 2"/>
        </LinearLayout>
        <RadioButton android:id="@+id/radiobtn" 
        android:width="wrap_content" android:height="wrap_content" />
</LinearLayout>

now you have to implement any adapter like BaseAdapter,ArrayAdapter etc.

and use this custom list view in that

like this way

private class CustomAdapter extends ArrayAdapter<Order> {

        private ArrayList<Model> items;

        public OrderAdapter(Context context, int textViewResourceId, ArrayList<Model> items) {
                super(context, textViewResourceId, items);
                this.items = items;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
                View v = convertView;
                if (v == null) {
                    LayoutInflater vi = (LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE);
                    v = vi.inflate(R.layout.custom_list, null); // here you have to implement custom_list.xml file
                }
                Model m = items.get(position);
                if (m != null) {
                        TextView text1 = (TextView) v.findViewById(R.id.text1);
                        TextView text2 = (TextView) v.findViewById(R.id.text2);
                        RadioButton rb = (RadioButton) v.findViewById(R.id.radiobtn);
                        text1.setText(m.text1);
                        text1.setText(m.text2);
                        rb.setChecked(m.isChecked);
                }
                return v;
        }
}

here is your Model class for your list item

private class Model{
    String text1;
    String text2;
    boolean isChecked;
}