1. 程式人生 > >自定義BaseAdapter完成ListView列表單選功能

自定義BaseAdapter完成ListView列表單選功能

今天在公司寫專案的時候自定義了一個baseAdapter實現listview的單選功能。本人也一直想著寫技術部落格,就以此開頭吧。所以一回到家就開始寫Demo分享給大家。

這裡有幾個需要解決的問題,一是要保留對listview的優化,二是隻能有一個打鉤,沒選擇的不能打,之前打好鉤的要去掉。三實用性要強,根據原理,進行簡單修改就可以應用的五花八門。
先貼item的佈局吧:

<?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:gravity="center_vertical" >
<TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/lv_tv" android:padding
="10dp" android:textColor="#555555" android:layout_marginLeft="5dp"/>
<View android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" /> <ImageView android:layout_width="wrap_content" android:layout_height
="wrap_content" android:src="@drawable/checked" android:id="@+id/lv_checked" android:visibility="gone" />
</LinearLayout>

就是左邊一個textview,右邊一個src為打鉤圖片的imageview,imageview預設為隱藏。
再貼BaseAdapter程式碼吧。

public class ItemCheckedAdapter extends BaseAdapter {
    private Context context;
    private List<String> data;
    private LayoutInflater inflater;
    private int checked = -1;//初始選擇為-1,position沒有-1嘛,那就是誰都不選咯

    public ItemCheckedAdapter(Context context,List<String> data){
        this.context = context;
        this.data = data;
        this.inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    }
    public void setChecked(int checked){//設定一個選中的標誌位,在activity中傳入值。
        this.checked = checked;
    }

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

    @Override
    public Object getItem(int position) {
        // TODO Auto-generated method stub
        return data.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 holder;
        if(convertView==null){//用於優化,不多說
            holder = new ViewHolder();
            convertView = inflater.inflate(R.layout.item_lv, null);
            holder.tv = (TextView) convertView.findViewById(R.id.lv_tv);
            holder.iv = (ImageView) convertView.findViewById(R.id.lv_checked);
            convertView.setTag(holder);
        }else{
            holder = (ViewHolder) convertView.getTag();
        }

            holder.tv.setText(data.get(position));
            if(checked == position){
                holder.iv.setVisibility(View.VISIBLE);
            }else{
                holder.iv.setVisibility(View.GONE);
            }//這個else很重要噢,詳細解讀在下面
        return convertView;
    }
    class ViewHolder{//用於listview的優化,不多說
        public TextView tv;
        public ImageView iv;
    }
}

以上程式碼為了優化listview所以重用了convertView。

if(checked == position){
        holder.iv.setVisibility(View.VISIBLE);
}else{
        holder.iv.setVisibility(View.GONE);
    }

這裡通過標誌checked規定了哪個position的item顯示打鉤的imageview,其餘都不打鉤,完成了唯一性。如果這樣寫:

if(checked == position){
        holder.iv.setVisibility(View.VISIBLE);
}

不加else選項,由於convertView的重用,在記憶體裡存著的那個holder裡的holder.iv已經被設定成顯示,所以我們會看到明明只選擇了一個,卻有多個被打鉤的情況,故而要加上else,數學上應該叫有且僅有這個位置的顯示。

再來看activity:

public class MainActivity extends Activity {
    private TextView tv;
    private ListView lv;
    private List<String> data;
    private ItemCheckedAdapter adapter;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        tv = (TextView) findViewById(R.id.tv);
        lv = (ListView) findViewById(R.id.lv);
        this.data = new ArrayList<String>();
        for(int i = 0;i<40;i++){
            data.add("測試"+i);
        }       
        adapter = new ItemCheckedAdapter(this, data);
        lv.setAdapter(adapter);
        lv.setOnItemClickListener(new OnItemClickListener() {

            @Override
            public void onItemClick(AdapterView<?> parent, View view,
                    int position, long id) {
                // TODO Auto-generated method stub
                adapter.setChecked(position);//傳入現在選擇的position
                adapter.notifyDataSetInvalidated();//重繪
            }
        });
    }

大家可以看到在onItemClick()的方法裡面我先往adapter內傳入一個我已經選擇的item的position,之後呼叫notifyDataSetInvalidated()方法進行重繪,這樣必然呼叫getview()方法,在繪到checked == position時就會將鉤打上,其餘的Item就會隱藏掉。之前選擇的項也會隱藏了。這樣就解決了一開始提出的沒選擇的不能打,之前打好鉤的要去掉的效果,雖然邏輯我沒有分別針對二者進行處理,用了只要不是我選擇的全都幹掉的思路,就是這麼任性。大家可以稍微改變item的佈局差不多就可以運用到自己專案中去了吧…

效果圖如下:
虛擬機器測試

以上,謝謝!
其實原始碼基本貼上了,還需要的可以留郵箱。