自定义单选 ListView

Question

我想制作一个自定义列表视图，在一行中有两个 TextView 和一个单选按钮。在 listitem 点击单选按钮状态应该是切换。我不能在这里使用简单适配器。

我已经问过这个问题Single choice ListView custom Row Layout，但没有找到任何令人满意的解决方案。

我目前正在做的是使用 simple_list_item_single_choice 并将两个 TextView 的数据放在一个由一些空格分隔的单个视图中。但这里情况变得更糟（如下图所示）。

我想要的是固定大小和价格的位置，并将列表视图作为单一选择。

列表的 XML 布局可以是这样的：

**<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/layout"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:gravity="center_horizontal"
    android:orientation="horizontal" >

    <TextView
        android:id="@+id/tv_size"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="TextView"
        android:textSize="15sp"
        android:width="200dp" />

    <TextView
        android:id="@+id/tv_price"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="TextView"
        android:textSize="15sp"
        android:width="70dp" />

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

</LinearLayout>**

如何为此制作自定义适配器？

Answer 1

我有类似的情况，但很容易解决。试试这个：

1. 扩展 ListActivity 并设置您的自定义列表适配器

   public void onCreate(Bundle savedInstanceState) {
       super.onCreate(savedInstanceState);
       requestWindowFeature(Window.FEATURE_NO_TITLE); //if you need title to be hidden
       setContentView(R.layout.activity_add_to_cart_select_service_plan);
       setListAdapter(adapter);
   }
   

2. 创建一个字段来存储适配器中选定的索引位置

   int selectedIndex = -1;
   

3. 为其提供接口

   public void setSelectedIndex(int index){
       selectedIndex = index;
   }
   

4. 根据 getView() 中选择的索引将选中状态设置为 true 或 false

   @Override
   public View getView(int position, View convertView, ViewGroup parent) {
       RadioButton rbSelect = (RadioButton) convertView
                           .findViewById(R.id.radio1);
       if(selectedIndex == position){
       rbSelect.setChecked(true);
       }
       else{
       rbSelect.setChecked(false);
       }
   }
   

5. 将单选按钮的可聚焦和可点击属性设置为“false”

    <RadioButton
        android:id="@+id/radio1"
        android:checked="false"
        android:focusable="false"
        android:clickable="false"
    />
   

6. 将 listview descendantFocusability 属性设置为 'beforeDescendants'

   <ListView
       android:id="@android:id/list"
       android:choiceMode="singleChoice"
       android:descendantFocusability="beforeDescendants"
   />
   

7. 覆盖 onListItemClick

   @Override
   protected void onListItemClick(ListView l, View v, int position, long id) {
       super.onListItemClick(l, v, position, id);
       adapter.setSelectedIndex(position);
       adapter.notifyDataSetChanged();
   }
   

就是这样..运行并检查

Answer 2

我整个上午都在寻找这个问题的答案，到目前为止我发现的最有用的是this article。

虽然我还没有实施它建议的解决方案，但听起来它在正确的轨道上。

基本上，单选ListView 期望您为其提供的小部件实现Checkable 接口。 LinearLayout 等人不要。因此，您需要创建一个继承 LinearLayout 的自定义布局（或您想要用于项目的任何布局）并实现必要的接口。

Answer 3

使用 Hack 处理了类似的问题（不是完美的解决方案..但仍然有效..）

 listview.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {




                for (int i = 0; i < parent.getCount() ; i ++)
                {

                    View v = parent.getChildAt(i);
                    RadioButton radio = (RadioButton) v.findViewById(R.id.radio);
                    radio.setChecked(false);

                }

                    RadioButton radio = (RadioButton) view.findViewById(R.id.radio);
                    radio.setChecked(true);



            }
        });

Answer 4

**

<TextView
    android:id="@+id/tv_size"
    android:layout_width="200dp"
    android:layout_height="wrap_content"
    android:text="TextView"
    android:textSize="15sp"
    android:width="200dp" />

<TextView
    android:id="@+id/tv_price"
    android:layout_width="70dp"
    android:layout_height="wrap_content"
    android:text="TextView"
    android:textSize="15sp"
    android:width="70dp" />

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

**