📜  如何在列表视图中有单选按钮 (1)

📅  最后修改于: 2023-12-03 15:09:01.145000             🧑  作者: Mango

如何在列表视图中添加单选按钮

在Android中,列表视图(ListView)是常用的UI控件之一。有时我们希望在列表中添加单选按钮,以让用户做出选择。下面介绍如何在列表视图中添加单选按钮。

1. 创建布局文件

首先,我们需要创建布局文件。可以创建一个线性布局(LinearLayout),并在该布局中添加一个TextView和一个RadioButton,如下所示:

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">

    <TextView
        android:id="@+id/item_textview"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"/>

    <RadioButton
        android:id="@+id/item_radiobutton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
</LinearLayout>

在布局文件中,我们使用了LinearLayout作为根布局,并设置其方向为水平。在该布局中,我们添加了一个TextView和一个RadioButton。其中,TextView用于显示列表项的文本内容,RadioButton用于表示单选按钮。

2. 创建列表适配器

接着,我们需要创建列表适配器(ListAdapter)。可以继承BaseAdapter类,并实现getView方法,如下所示:

public class MyListAdapter extends BaseAdapter {

    private Context mContext;
    private List<String> mDataList;
    private SparseBooleanArray mCheckedList;

    public MyListAdapter(Context context, List<String> dataList) {
        mContext = context;
        mDataList = dataList;
        mCheckedList = new SparseBooleanArray();
    }

    @Override
    public int getCount() {
        return mDataList.size();
    }

    @Override
    public Object getItem(int position) {
        return mDataList.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder;
        if (convertView == null) {
            convertView = LayoutInflater.from(mContext).inflate(R.layout.list_item, parent, false);
            holder = new ViewHolder();
            holder.textView = convertView.findViewById(R.id.item_textview);
            holder.radioButton = convertView.findViewById(R.id.item_radiobutton);
            convertView.setTag(holder);
        } else {
            holder = (ViewHolder) convertView.getTag();
        }

        String data = mDataList.get(position);
        holder.textView.setText(data);

        holder.radioButton.setChecked(mCheckedList.get(position));

        holder.radioButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mCheckedList.clear();
                mCheckedList.put(position, true);
                notifyDataSetChanged();
            }
        });

        return convertView;
    }

    private static class ViewHolder {
        TextView textView;
        RadioButton radioButton;
    }
}

在适配器中,我们重写了BaseAdapter类中的一些方法。其中,getView方法用于创建或复用列表项的视图。在该方法中,我们使用ViewHolder来保存列表项中的视图控件,以提高性能。

在getView方法中,我们首先获取数据并设置TextView的文本内容。然后,根据当前位置设置RadioButton的选中状态,以及设置其点击事件。在点击事件中,我们使用SparseBooleanArray来保存列表项的选中状态,并通知适配器数据已变更。

3. 设置列表视图

最后,我们需要在Activity中设置列表视图,以及使用适配器来绑定数据。可以在XML布局文件中添加一个ListView,并在Activity中使用setAdapter方法来绑定数据,如下所示:

<ListView
    android:id="@+id/listview"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>
public class MainActivity extends AppCompatActivity {

    private ListView mListView;
    private MyListAdapter mAdapter;

    private List<String> mDataList;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mDataList = new ArrayList<>();
        mDataList.add("Item 1");
        mDataList.add("Item 2");
        mDataList.add("Item 3");
        mDataList.add("Item 4");
        mDataList.add("Item 5");

        mAdapter = new MyListAdapter(this, mDataList);

        mListView = findViewById(R.id.listview);
        mListView.setAdapter(mAdapter);
    }
}

在Activity中,我们首先创建数据列表,并使用MyListAdapter来绑定数据。然后,获取ListView控件,并使用setAdapter方法来将适配器与该控件绑定。

到此为止,我们已经成功在列表视图中添加了单选按钮。用户可以通过点击单选按钮来进行选择,适配器会将选中项保存下来,并更新列表视图的显示状态。