引言

我們在android的APP開發中有時候會碰到提供一個選項列表供使用者選擇的需求，如在投票型別的專案中，我們提供一些主題給使用者選擇，每個主題有若干選項，使用者對這些主題的選項進行選擇，然後提交。

本文以一個支援單選和多選投票專案為例，演示了在一個ListView中如何構建CheckBox列表和RadioButton列表，並分析了實現的原理和思路，提供有需要的朋友參考。

專案的演示效果如下。

資料來源

通常我們的資料來源來自於資料庫。首先，我們構建投票專案類SubjectItem。

/**
 * 主題專案類
 * @author zoupeiyang
 *
 
 
*/
public class SubjectItem {
    /**
     * 主題id
     */
    private String subjectId;
    /**
     * 主題名稱
     */
    private String subjectName;
    /**
     * 主題id
     */
    private String itemId;
    /**
     * 主題名稱
     */
    private String itemName;
    /**
     * 是否多選
     */
    private
 
 Boolean  isMultiChoice;
    public String getSubjectId() {
        return subjectId;
    }
    public void setSubjectId(String subjectId) {
        this.subjectId = subjectId;
    }
    public String getSubjectName() {
        return subjectName;
    }
    public void setSubjectName(String subjectName) {
        
 
this.subjectName = subjectName;
    }
    public String getItemId() {
        return itemId;
    }
    public void setItemId(String itemId) {
        this.itemId = itemId;
    }
    public String getItemName() {
        return itemName;
    }
    public void setItemName(String itemName) {
        this.itemName = itemName;
    }
    public Boolean getIsMultiChoice() {
        return isMultiChoice;
    }
    public void setIsMultiChoice(Boolean isMultiChoice) {
        this.isMultiChoice = isMultiChoice;
    }
}

然後我們構造一個SubjectItem物件的List集合作為我們這個投票專案的資料來源，實際專案中這個資料來源可以來自資料庫投票專案表。

/**
     * 模擬從資料庫表獲取投票主題專案的資料來源
     * 
     * @return
     */
    public static List<SubjectItem> getSubjectItems() {
        List<SubjectItem> list = new ArrayList<SubjectItem>();
        HashMap<String, Boolean> subjectMap = new HashMap<String, Boolean>();
        for (int i = 0; i < 3; i++) {

            for (int j = 0; j < 3; j++) {

                SubjectItem item = new SubjectItem();
                item.setSubjectId(i + "");
                //為了方便主題標題和主題專案的佈局，集合中同一個主題的專案，只有主題第一個專案的物件的主題名稱不為空，其它為空
                //這樣顯示ListView的每列時如果主題名稱為空就隱藏主題名稱
                if (subjectMap.containsKey(item.getSubjectId())) {
                    item.setSubjectName("");
                } else {
                    item.setSubjectName("投票主題" + i);
                    subjectMap.put(item.getSubjectId(), true);
                }

                item.setItemId(i + "" + j);
                item.setItemName("專案名稱" + i + "" + j);
                item.setIsMultiChoice(i % 2 == 1 ? true : false);
                list.add(item);

            }
        }
        return list;
    }

如何在ListView控制元件上展示以列表的方式展示投票專案

首先我們先來了解下在ListView控制元件展示列表資料的流程。
1、定義一個展示列表每一行的佈局layout，我們這裡定義這個layout的檔名為listview_subject_item.xml。
2、定義展示listview的佈局layout，我們這裡定義這個layout的檔名為listview_subject_activity.xml。
3、定義listview的資料介面卡SubjectAdapter。

定義ListView控制元件每列的佈局

listview_subject_item.xml檔案定義的ListView控制元件中每列view的佈局。我們這裡的投票專案是支援單選和多項，可以每列view的佈局都包含了CheckBox和RadioButton控制元件，在手機介面顯示檢視的時候根據當前專案的投票型別（單選或多選）來自動顯示（隱藏）對應的控制元件。

<?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="fill_parent"
    android:orientation="vertical" >
    <!-- 投票主題ID，預設隱藏 -->
    <TextView
        android:id="@+id/tv_subject_id"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text=""
        android:visibility="gone" />
     <!-- 投票主題下專案ID，預設隱藏 -->
    <TextView
        android:id="@+id/tv_subject_item_id"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text=""
        android:visibility="gone" />
     <!-- 投票主題型別，true為多選，否則為單選，預設隱藏 -->
       <TextView
        android:id="@+id/tv_is_multi_choice"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text=""
        android:visibility="gone" />
       <!-- 投票主題名稱，只有主題下的第一個專案才會顯示主題名稱，其它專案不顯示 -->
    <TextView
        android:id="@+id/tv_subject_name"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:layout_marginBottom="10dp"
        android:textSize="14sp"
        android:textColor="#1387DD"
        android:textStyle="bold"
        android:text="" />
    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="horizontal" >
         <!-- 投票專案名稱 -->
        <TextView
            android:id="@+id/tv_subject_item_name"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center_vertical" />
         <!-- 多選專案顯示CheckBox -->
        <CheckBox
            android:id="@+id/cb_subject_item"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:clickable="false"
            android:focusable="false"
            android:focusableInTouchMode="false"
            android:gravity="center_vertical" />
         <!-- 單選專案顯示RadioButton -->
        <RadioButton
            android:id="@+id/rb_subject_item"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:clickable="false"
            android:focusable="false"
            android:focusableInTouchMode="false"
            android:gravity="center_vertical" />
    </LinearLayout>
</LinearLayout>

定義展示ListView的佈局

定義展示listview的佈局layou，檔名為listview_subject_activity.xml
這裡使用了RelativeLayout佈局，將提交按鈕固定在螢幕底部，方便使用者提交投票資訊。

<?xml version="1.0" encoding="UTF-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#ffffffff" >
    <RelativeLayout
        android:id="@+id/rl_head"
        android:layout_width="match_parent"
        android:layout_height="45dp"
        android:layout_alignParentTop="true"
        android:background="#0C99EF"
        android:paddingLeft="10dp" >
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:text="投票專案"
            android:textColor="#ffffffff"
            android:textSize="16sp" />
    </RelativeLayout>
    <!-- 投票專案ListView -->
    <ListView
        android:id="@+id/lv_subject"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/rl_head"
        android:layout_marginBottom="50dp"
        android:layout_marginLeft="10dp" >
    </ListView>
    <Button
        android:id="@+id/btn_add"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="10dp"
        android:text="提交" />
</RelativeLayout>

定義資料介面卡SubjectAdapter

listview_subject_activity.xml檔案定義了名為lv_subject的ListView，這個ListView如何和listview控制元件中每列view的佈局listview_subject_item.xml進行關聯，還有我們前面定義了投票主題專案資料來源，它又如何和listview進行關聯資料繫結，要完成這些，我們必須依賴一個Apdater介面卡類。
ListView控制元件通過方法setAdapter和Adapter關聯。
在Adapter中通過getView方法和列view的佈局listview_subject_item.xml進行關聯。
資料來源通過Adapter的自定義建構函式的引數傳人Adapter。

package com.example.listviewcheckbox.adapter;

import java.util.HashMap;
import java.util.List;

import com.example.listviewcheckbox.R;
import com.example.listviewcheckbox.entity.SubjectItem;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.CheckBox;
import android.widget.RadioButton;
import android.widget.TextView;

public class SubjectAdapter extends BaseAdapter {
    
    private List<SubjectItem> list;
    private Context context;
    //儲存所有主題的專案的選中狀態，遍歷這個容器可以獲取選中的專案資訊
    private HashMap<String,Boolean> subjectItemMap;
    private LayoutInflater inflater;
    
    public class ViewHolder{
       //投票主題id控制元件
       public TextView tvSubjectId;
       //投票主題名稱控制元件
       public TextView tvSubjectName;
       //投票專案名稱控制元件
       public TextView tvSubjectItemName;
       //投票專案id控制元件
       public TextView tvSubjectItemId;
       //投票主題型別（單選或多選）控制元件
       public TextView tvIsMultiChoice;
       //選中CheckBox控制元件（主題型別為多選時顯示）
       public CheckBox cbSubjectItem;
       //選中RadioButton控制元件（主題型別為單選時顯示）
       public RadioButton rbSubjectItem;
        
    }
    
    public SubjectAdapter(List<SubjectItem> list,Context context)
    {
        this.list=list;
        this.context=context;
         inflater = LayoutInflater.from(context);
        this.subjectItemMap=new HashMap<String, Boolean>();
        //初始化subjectItemMap，預設所有專案為未選中狀態
        for (int i = 0; i < list.size(); i++) {
            this.subjectItemMap.put(list.get(i).getItemId(), false);
        }
    }

    @Override
    public int getCount() {
        // TODO Auto-generated method stub
        return list.size();
    }

    @Override
    public Object getItem(int position) {
        // TODO Auto-generated method stub
        return list.get(position);
    }

    @Override
    public long getItemId(int position) {
        // TODO Auto-generated method stub
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        // TODO Auto-generated method stub
        ViewHolder viewHolder = null;
        SubjectItem item = list.get(position);
        if(convertView!=null&&convertView.getId()==R.id.lv_subject)
        {
            viewHolder=(ViewHolder)convertView.getTag();
        }
        else {
            viewHolder = new ViewHolder();
            convertView=inflater.inflate(R.layout.listview_subject_item, null);
            viewHolder.tvSubjectId=(TextView)convertView.findViewById(R.id.tv_subject_id);
            viewHolder.tvSubjectName=(TextView) convertView.findViewById(R.id.tv_subject_name);
            viewHolder.tvSubjectItemId = (TextView) convertView.findViewById(R.id.tv_subject_item_id);
            viewHolder.tvSubjectItemName = (TextView) convertView.findViewById(R.id.tv_subject_item_name);
            viewHolder.cbSubjectItem = (CheckBox) convertView.findViewById(R.id.cb_subject_item);
            viewHolder.rbSubjectItem = (RadioButton) convertView.findViewById(R.id.rb_subject_item);
            viewHolder.tvIsMultiChoice = (TextView) convertView.findViewById(R.id.tv_is_multi_choice );
            
        }
        //如果專案名稱為空就隱藏當前項的產品名稱，即所有子專案只允許第一個子專案出現產品名稱
        if(item.getSubjectName().equals(""))
        {
            viewHolder.tvSubjectName.setVisibility(View.GONE);
        }
        else {
            viewHolder.tvSubjectName.setText(item.getSubjectName());
        }
        viewHolder.tvSubjectItemId.setText(item.getItemId());
        viewHolder.tvSubjectId.setText(item.getSubjectId());
        viewHolder.tvSubjectItemName.setText(item.getItemName());
        viewHolder.tvIsMultiChoice.setText(item.getIsMultiChoice().toString());
        //當前專案為多選專案
        if(item.getIsMultiChoice().toString().equals("true"))
        {
            viewHolder.cbSubjectItem.setVisibility(View.VISIBLE);
            viewHolder.rbSubjectItem.setVisibility(View.GONE);
            viewHolder.cbSubjectItem.setChecked(this.subjectItemMap.get(item.getItemId()));
            
        }
        //當前專案為單選專案
        else {
            viewHolder.cbSubjectItem.setVisibility(View.GONE);
            viewHolder.rbSubjectItem.setVisibility(View.VISIBLE);
            viewHolder.rbSubjectItem.setChecked(this.subjectItemMap.get(item.getItemId()));
        }
        convertView.setTag(viewHolder);
        return convertView;
    }
    
    /**
     * 獲取所有主題的專案的選中狀態容器
     * @return
     */
     public  HashMap<String,Boolean> getSubjectItemMap() {
            return this.subjectItemMap;
        }
}

定義顯示投票專案的Activity元件

最後我們定義一個Activity元件，將投票專案顯示出來。
為了解決單選專案選中後同時要將同主題原來已經選中的專案取消，定義了一個Map（radioButtonSelectedMaps）來儲存單選主題的選中的專案資訊，key為單選主題ID，value為選中的專案ID。
這樣在使用者選擇某個單選專案時，程式先將SubjectAdapter物件中subjectItemMap該專案主題之前選中的專案的狀態設定為false，然後將當前選中的專案設定為true，然後更新ListView，實現單選效果。

public class SubjectActivity extends Activity {

    private ListView lvSubject;
    private SubjectAdapter subjectAdapter;
    private List<SubjectItem> list;
    private Button btnAdd;
    // 用來儲存單選主題當前選中的專案，這樣使用者在切換選擇同一個主題下其它選項時能夠將之前選中的專案的狀態設定為未選狀態
    private HashMap<String, String> radioButtonSelectedMaps;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        setContentView(R.layout.listview_subject_activity);
        lvSubject = (ListView) findViewById(R.id.lv_subject);
        btnAdd = (Button) findViewById(R.id.btn_add);
        //從資料來源獲取投票主題和專案資訊
        list = DataService.getSubjectItems();
        subjectAdapter = new SubjectAdapter(list, this);
        lvSubject.setAdapter(subjectAdapter);
        radioButtonSelectedMaps = new HashMap<String, String>();
        // 提交投票事件處理
        btnAdd.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                String selectValues="選中資訊:";
                //遍歷使用者選中專案，可以根據實際需求獲取選中專案的任何資訊
                for (int i = 0; i < list.size(); i++) {
                    if(subjectAdapter.getSubjectItemMap().get(list.get(i).getItemId()))
                    {
                        selectValues+="專案ID:"+list.get(i).getItemId()+"專案名稱:"+list.get(i).getItemName();
                    }
                    
                }
                Toast.makeText(SubjectActivity.this, selectValues.equals("選中資訊:")?"未選中任何資訊":selectValues, Toast.LENGTH_LONG).show();
            }
        });

        // ListView控制元件每一行點選事件處理
        lvSubject.setOnItemClickListener(new OnItemClickListener() {

            @Override
            public void onItemClick(AdapterView<?> parent, View view,
                    int position, long id) {
                // TODO Auto-generated method stub
                ViewHolder viewHolder = (ViewHolder) view.getTag();
                // 如果當前行是多選專案
                if (viewHolder.tvIsMultiChoice.getText().equals("true")) {
                    viewHolder.cbSubjectItem.toggle();
                    subjectAdapter.getSubjectItemMap().put(viewHolder.tvSubjectItemId.getText().toString(),viewHolder.cbSubjectItem.isChecked());

                } 
                
                //如果當前行為單選專案，注意單選專案選中後需要將同一主題下已經選中的專案設定為未選中狀態
                else {
                    String currentSubjectIdSelected=viewHolder.tvSubjectId.getText().toString();
                    String currentSubjectItemId=viewHolder.tvSubjectItemId.getText().toString();
                    //判斷該單選主題是否有已經選中專案，如果有需要將它的選中狀態設定為未選中
                    if (radioButtonSelectedMaps.containsKey(currentSubjectIdSelected)) {
                        subjectAdapter.getSubjectItemMap().put(radioButtonSelectedMaps.get(currentSubjectIdSelected),false);

                    }
                    //將當前選中的專案設定為該單選主題的選中專案
                    radioButtonSelectedMaps.put(currentSubjectIdSelected,currentSubjectItemId);
                    viewHolder.rbSubjectItem.toggle();
                    subjectAdapter.getSubjectItemMap().put(currentSubjectItemId,viewHolder.rbSubjectItem.isChecked());
                    //更新ListView
                    updateListView();

                }}});
    }
    
    /**
     * 更新ListView
     */
    private void updateListView()
    {
        subjectAdapter.notifyDataSetChanged();
    }

}

獲取投票結果

// 提交投票事件處理
        btnAdd.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                String selectValues="選中資訊:";
                //遍歷使用者選中專案，可以根據實際需求獲取選中專案的任何資訊
                for (int i = 0; i < list.size(); i++) {
                    if(subjectAdapter.getSubjectItemMap().get(list.get(i).getItemId()))
                    {
                        selectValues+="專案ID:"+list.get(i).getItemId()+"專案名稱:"+list.get(i).getItemName();
                    }
                    
                }
                Toast.makeText(SubjectActivity.this, selectValues.equals("選中資訊:")?"未選中任何資訊":selectValues, Toast.LENGTH_LONG).show();
            }
        });

程式碼下載

擴充套件閱讀