Как отобразить две строки текста на выбор для одного списка выбора в Android?

Question

Это отличный учебник о том, как заставить работать Единый список выбора в Android , но мне нужно еще одно: я хочу две строки текста вместо одной. Итак, это будет выглядеть так:

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

Этот ТАК вопрос имеет отношение , но я новичок в Android, так что это немного над моей головой. Может ли кто-нибудь разбить его для меня, чтобы я мог использовать его в контексте учебника, на который я ссылался выше?

Answer 1

Для этого вам нужно создать собственный макет.

для отображения списка как

это ваш файл макета

<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>

это ваш собственный стиль просмотра списка

<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>

теперь вам нужно реализовать любой адаптер, такой как BaseAdapter, ArrayAdapter и т. Д.

и использовать этот пользовательский список в этом

вот так

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;
        }
}

вот ваш класс Model для вашего элемента списка

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

Answer 2

Читая исходный код simple_list_item_single_choice.xml , мы можем выяснить, как создать собственный виджет, который реализует Checkable , например:

File simple_list_item_2_single_choice.xml

<?xml version="1.0" encoding="utf-8"?>
<customwidgets.CheckedLinearLayout 
     xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:gravity="center"
     android:orientation="horizontal"
     android:paddingBottom="10dp"
     android:paddingTop="10dp" >

    <TextView
        android:id="@+id/text2"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center"
        android:textAppearance="?android:attr/textAppearanceMedium" />
    <CheckedTextView
        android:id="@+id/text3"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:checkMark="?android:attr/listChoiceIndicatorSingle" />
 </customwidgets.CheckedLinearLayout>

То есть, мы добавляем столько TextView s, сколько нам нужно, и делаем последним равным CheckedTextView.

Затем в нашем пользовательском CheckedLinearLayout мынайдите, какой из них является Checkable дочерним элементом макета, и отправьте каждый метод Checkable, который мы реализуем этому дочернему элементу, например:

File CheckedLinearLayout.java

package customwidgets;

import android.content.Context;
import android.util.AttributeSet;
import android.view.View;
import android.widget.Checkable;
import android.widget.LinearLayout;

/**
 * Useful class inside a ListView that needs to have checkable items,
 * such as radio buttons (single_choice) or check boxes (multiple_choice).
 */
public class CheckedLinearLayout extends LinearLayout implements Checkable {

    private Checkable checkedView;

    public CheckedLinearLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    public boolean isChecked() {
        return checkedView == null ? false : checkedView.isChecked();
    }

    @Override
    public void setChecked(boolean checked) {
        if (checkedView != null) checkedView.setChecked(checked);
    }

    @Override
    public void toggle() {
        if (checkedView != null) checkedView.toggle();
    }

    @Override
    protected void onFinishInflate() {
        super.onFinishInflate();
        int count = getChildCount();
        for (int i = count - 1; i >= 0; i--) {
            View view = getChildAt(i);
            if (view instanceof Checkable) {
                checkedView = (Checkable) view;
                break;
            }
        }
    }
}

Конечнов желаемом xml-файле макета мы устанавливаем ListView на один выбор:

<ListView
    android:id="@+id/listView1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:choiceMode="singleChoice" >
</ListView>