android列表選擇模式的實現

我們或許曾一次又一次的接到這樣的需求，有一堆數據需要用戶去選擇，並且以列表的方式呈現，根據需求，我們需要單選或者復選列表里面的數據，並且最終取得所選數據作下一步的操作。那么對於這個需求，我們聰明的程序員往往都能想到一些解決方案去處理。譬如我，咳咳，雖然我不是很聰明，但是我想到了。

【也許這樣實現是對的】通常需要選擇的列表數據我都會在adapter所綁定的數據實體內增加一個標記代表是否選中，在點擊的時候去遍歷並改變adapter中的實體標記，通知更新，然后根據標記在adapter的getView方法改變視圖樣式。這樣能直觀地實現我們的需求。

【探索更好的解決方案】上面那種方式，很直接，估計大家都能想到，但這樣做存在一些問題，比如遍歷的效率會低，比如我們的adapter會增加一些非功能性的代碼，讓我們的adapter變得復雜。但當我們更深入地了解listview之后，我們可以發現listview有個屬性--choicemode，英文不錯的童鞋都能翻譯：選擇模式。

【選擇模式的例子】這里我寫了個簡單的使用選擇模式中單選的例子。其中關鍵的部分便是自定義view，也許這是這種方式唯一的弱點，必須使用自定義view.

【自定義選項】自定義的列表項繼承checkable，實現checkable內的方法修改列表項的界面狀態。

package com.change.selectablelistviewdemo;

import android.content.Context;
import android.widget.CheckBox;
import android.widget.Checkable;
import android.widget.LinearLayout;
import android.widget.TextView;

import com.change.selectablelistviewdemo.R;

/**
 * 自定義選項view,實現checkable。在實現的方法中修改界面狀態。
 * @author Change
 *
 */
public class SelectItemView extends LinearLayout implements Checkable {
    CheckBox cbx;
    TextView name;
    public SelectItemView(Context context){
        super(context);
        inflate(getContext(), R.layout.item_select, this);
        cbx = (CheckBox)findViewById(R.id.cbx);
        name = (TextView)findViewById(R.id.name);
    }
    
    @Override
    public boolean isChecked() {
        return cbx.isChecked();
    }

    @Override
    public void setChecked(boolean arg0) {
        cbx.setChecked(arg0);
    }

    @Override
    public void toggle() {
        cbx.toggle();
    }
    
    public void setName(String name){
        this.name.setText(name);
    }

}

我的列表項只有一個顯示名字的textview和一個代表單選狀態的選擇框，單選框我們需要取消他自身的點擊效果，把它的狀態交由列表項的點擊去決定。所以，我們需要禁止checkbox的點擊和焦點獲取。代碼如下--》

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    android:weightSum="1" >

    <TextView
        android:id="@+id/name"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight=".9" />

    <CheckBox
        android:id="@+id/cbx"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:layout_weight=".1" 
        android:clickable="false"
        android:focusable="false"
        android:focusableInTouchMode="false"
        />

</LinearLayout>

【如何使用listview】很簡單，在主頁界面xml中定義listview，並設定choiceMode,此處為single，單選模式。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world" />
    
    <Button android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="choice"
        android:text="current"
        android:layout_below="@+id/lv"
        />
    
    <ListView android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/lv"
        android:choiceMode="singleChoice"
        />
　　
</RelativeLayout>

【在主activity中的做了什么？】activity只是把listview的數據綁定到界面。使用adapter，此處是個內部類。adapter出奇的簡單，只是設置了名字的顯示而已，剩下的選擇狀態完全交由listview的機制和我們的自定義view.是不是很簡單？快行動起來吧。

package com.change.selectablelistviewdemo;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ListView;
import android.widget.Toast;

/**
 * listview單選模式demo，
 * @author Change
 *
 */
public class MainActivity extends Activity {
    List<String> names = new ArrayList<String>();
    ListView lv;
    SelAdapter adapter = new SelAdapter();
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        lv = (ListView)findViewById(R.id.lv);
        initData();
        lv.setAdapter(adapter);
    }
    
    private void initData(){
        for(int i=0;i<10;i++){
            names.add("name"+i);
        }
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }
    
    /**
     * 列表適配器，只需要設置view的內容，狀態變化完全交由android機制和自定義view.是不是很簡單？
     * @author Change
     *
     */
    class SelAdapter extends BaseAdapter{

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

        @Override
        public Object getItem(int arg0) {
            return names.get(arg0);
        }

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

        @Override
        public View getView(int arg0, View arg1, ViewGroup arg2) {
            if(null==arg1){
                arg1 = new SelectItemView(MainActivity.this);
            }
            ((SelectItemView)arg1).setName(names.get(arg0));
            return arg1;
        }
        
        
    }
        public void choice(View v){
            int pos = lv.getCheckedItemPosition();
81             if(ListView.INVALID_POSITION!=pos){
82                 Toast.makeText(MainActivity.this, "current pos="+pos, Toast.LENGTH_SHORT).show();
83             }
        }
}

【關鍵部分：取得當前選項】代碼中標紅的部分便可以輕松獲得當前的選項，從此媽媽再也不擔心我們不會選擇了。

【完整項目】在github中，地址：https://github.com/ChangeWu/SomePoject/tree/master/SelectableListViewDemo