Android 帶選擇框的listviw--改進(jìn)版

云少嘎嘎嘎

 

    在上一篇文章中實(shí)現(xiàn)了一個帶選擇框的listview。但是那個例子有個.很嚴(yán)重的問題：必須點(diǎn)擊選擇框才能選擇該列，這在模擬器上沒有什么大問題，可是在手機(jī)上時問題就來了。手機(jī)的屏幕一般很小，那個選擇框也會變得很小，如果有些人的指頭又粗的話，點(diǎn)擊選擇框是件很不爽的問題。一般的listview都要支持對整個列的點(diǎn)擊響應(yīng)，在本例中就實(shí)現(xiàn)來這個功能。 

    這個例子是基于上個例子來實(shí)現(xiàn)的，只是做了一些修改，下面只對修改的地方做出說明。修改主要體現(xiàn)在showlist1.java上。這里用到了ListView.CHOICE_MODE_MULTIPLE，在androidAPIDEMO中實(shí)現(xiàn)帶選擇框的listview時就使用來該參數(shù)，設(shè)置來該參數(shù)后，每次點(diǎn)擊listview都會n(n是要顯示的條目數(shù)）次調(diào)用重寫的getview方法來更新各個條目的選擇狀態(tài)。在對Listitem的點(diǎn)擊事件中，更新記錄條目選擇狀態(tài)的ArrayList<Boolean> CheckItemm，這也是getview方法用來更新顯示狀態(tài)的依據(jù)。另外本例中去掉來上次中所用到的checkbox，而使用了CheckedTextView來代替，使實(shí)現(xiàn)起來能夠更加容易。值得一提的是，通過重寫getview方法，我們可以得到任何想要的view，也就是說，在listview每一行都是一個view，該view即為getview方法的返回值。

1. package com.test;
   
2. 
   
3. import android.app.Activity;
   
4. import android.content.Context;
   
5. import android.graphics.Bitmap;
   
6. import android.graphics.BitmapFactory;
   
7. import android.os.Bundle;
   
8. import android.util.Log;
   
9. import android.view.LayoutInflater;
   
10. import android.view.View;
    
11. import android.view.View.OnClickListener;
    
12. import android.view.ViewGroup;
    
13. import android.widget.AdapterView;
    
14. import android.widget.AdapterView.OnItemClickListener;
    
15. import android.widget.BaseAdapter;
    
16. import android.widget.Button;
    
17. import android.widget.CheckedTextView;
    
18. import android.widget.ImageView;
    
19. import android.widget.ListView;
20. import android.widget.Toast;
    
21. 
    
22. import java.util.ArrayList;
    
23. 
    
24. 
    
25. public class ShowList1 extends Activity implements OnClickListener {
    
26.     private String TAG="showlist1";
    
27.     ListView list;
    
28.     Button button;
    
29.     ArrayList<String> array;
    
30.     ArrayList<Boolean> checkedItem=new ArrayList<Boolean>();
    
31.     private Bitmap mIcon1;
    
32.     CheckAdapter chadapter;
    
33. 
    
34.     public void onCreate(Bundle savedInstanceState) {
    
35.         super.onCreate(savedInstanceState);
    
36.         mIcon1 = BitmapFactory.decodeResource(this.getResources(), R.drawable.icon48x48_1);
    
37.         setContentView(R.layout.list1);
    
38.         list=(ListView)findViewById(R.id.listView);
    
39.         button=(Button)findViewById(R.id.result);
    
40.         button.setOnClickListener(this);
    
41.         //get music names from other activity
    
42.         array=getIntent().getStringArrayListExtra("list");
    
43.         //init the check box status to unchecked
    
44.         for(int i=0;i<array.size();i++){
    
45.             checkedItem.add(i,false);
    
46.         }
    
47.         Log.d(TAG,array.toString());
    
48.        chadapter=new CheckAdapter(this);
    
49.        list.setAdapter(chadapter);
    
50.        list.setItemsCanFocus(false);
    
51.        list.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);
    
52. 
    
53.        list.setOnItemClickListener(new OnItemClickListener(){
    
54.             public void onItemClick(AdapterView<?> parent, Viewview, int position, long id) {
    
55.                 //update the value of checked items
    
56.                 if(checkedItem.get(position)==true){
    
57.                     checkedItem.set(position,false);
    
58.                     Log.d(TAG,"true");
    
59.                 }
    
60.                 else{
    
61.                     checkedItem.set(position,true);
    
62.                     Log.d(TAG,"false");
    
63.                 }
    
64.             }
    
65.         });
    
66.     }
    
67. 
    
68.     /*
    
69.      * (non-Javadoc)
    
70.      * @see android.view.View.OnClickListener#onClick(android.view.View)
    
71.      * see which has been choosed
    
72.      */
    
73.     @Override
    
74.     public void onClick(View v) {
    
75.         String s="You have choosed ";
    
76.         for(int i=0;i<array.size();i++){
    
77.             if(checkedItem.get(i)){
    
78.                 s=s+","+array.get(i);
    
79.             }
    
80.         }
    
81.         Toast.makeText(getApplicationContext(), s, Toast.LENGTH_SHORT).show();
    
82.     }
    
83. 
    
84.     class CheckAdapter extends BaseAdapter {
    
85.         private LayoutInflater mInflater;
    
86.         public CheckAdapter(Context context){
    
87.             this.mInflater=LayoutInflater.from(context);
    
88.         }
    
89. 
    
90.         public int getCount() {
    
91.             return array.size();
    
92.         }
    
93.         public Object getItem(int position) {
    
94.             return position;
    
95.         }
    
96.         public long getItemId(int position) {
    
97.             return position;
    
98.         }
    
99.         public View getView(int position, View convertView, ViewGroup parent) {
    
100.             Log.d(TAG,"getview");
     
101.             ImageView img;
     
102.             CheckedTextView name;
     
103.             View view;
     
104.             final int p=position;
     
105.             if(convertView==null){
     
106.                 view=mInflater.inflate(R.layout.api,parent,false);
     
107.             }
     
108.             else{
     
109.                 view=convertView;
     
110.             }
     
111.             img=(ImageView)view.findViewById(R.id.img);
     
112.             name=(CheckedTextView)view.findViewById(R.id.text);
     
113.             img.setImageBitmap(mIcon1);
     
114.             final String s=(String)array.get(position);
     
115.             name.setText(s);
     
116.             //display which item has been checked
     
117.             if(checkedItem.get(p)==true)
     
118.                 name.setChecked(true);
     
119.             else
     
120.                 name.setChecked(false);
     
121.             return view;
     
122.         }
     
123.     }
     
124. }

     最后修改的地方是布局文件，該文件命名為api.xml。在其中主有有兩部分，分別是ImageView和CheckedTextView，實(shí)現(xiàn)的界面同上例中的界面是相同的，圖片就不再貼出了。

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <RelativeLayout
   
3.   xmlns:android="http://schemas.android.com/apk/res/android"
   
4.   android:orientation="horizontal"
   
5.   android:layout_width="wrap_content"
   
6.   android:layout_height="wrap_content">
   
7.  <ImageView
   
8.     android:id="@+id/img"
   
9.     android:layout_width="48dip"
   
10.     android:layout_height="48dip" 
    
11.     android:layout_marginTop="7.0dip"
    
12.     android:layout_marginLeft="5.0dip"
    
13.     android:layout_marginRight="5.0dip" 
    
14.   />
    
15. <CheckedTextView xmlns:android="http://schemas.android.com/apk/res/android"
    
16.     android:id="@+id/text"
    
17.     android:layout_width="fill_parent"
    
18.     android:layout_height="?android:attr/listPreferredItemHeight"
    
19.     android:textAppearance="?android:attr/textAppearanceLarge"
    
20.     android:gravity="center_vertical"
    
21.     android:checkMark="?android:attr/listChoiceIndicatorMultiple"
    
22.     android:paddingLeft="6dip"
    
23.     android:paddingRight="6dip"
    
24.     android:layout_toRightOf="@id/img"
    
25. />
    
26. </RelativeLayout>