android中ListView点击和里边按钮或ImageView点击不能同时生效问题解决

今天遇到一个问题:android中ListView点击和里边ImageView点击不能同时生效问题解决。

研究ListView,首先ListView的适配器类型分为三种,ArrayAdapter,SimpleAdapter和SimpleCursorAdapter,其中以ArrayAdapter最为简单,只能展示一行字。SimpleAdapter有最好的扩充性,可以自定义出各种效果。SimpleCursorAdapter可以认为是SimpleAdapter对数据库的简单结合,可以方面的把数据库的内容以列表的形式展示出来。

ArrayAdapter的构造需要三个参数,依次为this,布局文件(注意这里的布局文件描述的是列表的每一行的布局,android.R.layout.simple_list_item_1是系统定义好的布局文件只显示一行文字,数据源(一个List集合)。同时用setAdapter()完成适配的最后工作。

使用simpleAdapter的数据用一般都是HashMap构成的List,list的每一节对应ListView的每一行。HashMap的每个键值数据映射到布局文件中对应id的组件上。因为系统没有对应的布局文件可用,我们可以自己定义一个布局。下面做适配,new一个SimpleAdapter参数一次是:this,布局文件,HashMap的 title 和 info,img。布局文件的组件id,title,info,img。布局文件的各组件分别映射到HashMap的各元素上,完成适配。

然后我在使用SimpleAdapter的时候,希望在SimpleAdapter中添加的ImageView图片并且添加点击事件,我通过ID找到这个组件,然后给组件添加单击事件:

img.setOnClickListener(new View.OnClickListener() {      @Override      public void onClick(View v) {          Toast.makeText(FriendListTwitter.this, "click add friend.",  
               Toast.LENGTH_SHORT).show();  
  }  
});  

  

但是程序一直出现NullPointerException。

原来以为只要给图片添加clickable和focusable属性就行了,可是还是出现异常时一直出现NullPointerException。

后来看到网上一篇文章后才明白,文章的关键内容是:

--------------------------------------->

但是有时候,列表不光会用来做显示用,我们同样可以在在上面添加按钮。添加按钮首先要写一个有按钮的xml文件,然后自然会想到用上面的方法定义一个适配器,然后将数据映射到布局文件上。但是事实并非这样,因为按钮是无法映射的,即使你成功的用布局文件显示出了按钮也无法添加按钮的响应,这时就要研究一下ListView是如何现实的了,而且必须要重写一个类继承BaseAdapter。

1.<?xml version="1.0" encoding="utf-8"?>  
2.<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.    android:layout_width="fill_parent" android:layout_height="46dip"  
4.    android:descendantFocusability="blocksDescendants">  
5.    <ImageView android:layout_margin="2dip" android:layout_width="40dip"  
6.        android:layout_height="40dip" android:id="@+id/ItemImage" />  
7.    <TextView android:text="Defalut" android:layout_width="wrap_content"  
8.        android:layout_height="wrap_content" android:textSize="15dip"  
9.        android:textColor="@drawable/white" android:layout_toRightOf="@id/ItemImage"  
10.        android:id="@+id/ItemTitle1" android:layout_gravity="center_vertical"  
11.        android:layout_alignParentTop="true" />  
12.    <TextView android:text="Defalut" android:layout_width="wrap_content"  
13.        android:layout_height="wrap_content" android:textSize="15dip"  
14.        android:textColor="@drawable/black" android:layout_toRightOf="@id/ItemImage"  
15.        android:id="@+id/ItemTitle2" android:layout_gravity="center_vertical"  
16.        android:layout_alignParentBottom="true" />  
17.    <ImageView android:id="@+id/add" android:src="@drawable/btn_check_on"  
18.        android:layout_width="wrap_content" android:layout_height="wrap_content"  
19.        android:clickable="true" android:focusable="false"  
20.        android:layout_alignParentRight="true" android:layout_centerVertical="true"  
21.        android:layout_marginRight="10dip" />  
22.</RelativeLayout>  

  Java代码

 

1.import java.io.BufferedInputStream;  
2.import java.io.InputStream;  
3.import java.net.URL;  
4.import java.net.URLConnection;  
5.import java.util.ArrayList;  
6.import java.util.HashMap;  
7.import java.util.List;  
8.import java.util.Map;  
9.  
10.import android.app.Activity;  
11.import android.content.Context;  
12.import android.content.Intent;  
13.import android.graphics.Bitmap;  
14.import android.graphics.BitmapFactory;  
15.import android.os.Bundle;  
16.import android.util.Log;  
17.import android.view.LayoutInflater;  
18.import android.view.View;  
19.import android.view.ViewGroup;  
20.import android.view.Window;  
21.import android.widget.AdapterView;  
22.import android.widget.BaseAdapter;  
23.import android.widget.ImageView;  
24.import android.widget.ListView;  
25.import android.widget.TextView;  
26.import android.widget.Toast;  
27.import android.widget.AdapterView.OnItemClickListener;  
28.  
29.public class FriendListTwitter extends Activity {  
30.    private List<Map<String, Object>> mListItem;  
31.    private ListView mListView;  
32.  
33.    @Override  
34.    public void onCreate(Bundle savedInstanceState) {  
35.        this.requestWindowFeature(Window.FEATURE_NO_TITLE);  
36.        super.onCreate(savedInstanceState);  
37.        setContentView(R.layout.apl_mb_c1_friend_001_01);  
38.  
39.        mListView = (ListView) findViewById(R.id.friends);  
40.        mListItem = getData();  
41.        MyAdapter adapter = new MyAdapter(this);  
42.        mListView.setAdapter(adapter);  
43.        // 添加点击  
44.        mListView.setOnItemClickListener(new OnItemClickListener() {  
45.            @Override  
46.            public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,  
47.                    long arg3) {  
48.                startActivity(new Intent(FriendListTwitter.this,  
49.                        FriendDetail.class));  
50.            }  
51.        });  
52.    }  
53.  
54.    private List<Map<String, Object>> getData() {  
55.        List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();  
56.        for (int i = 0; i < 10; i++) {  
57.            HashMap<String, Object> map = new HashMap<String, Object>();  
58.            String url = "http://10.167.12.184:8080/examples/images/1.png";  
59.            Bitmap bitmap = getImageByURL(url);  
60.  
61.            map.put("avatar", bitmap);// 图像资源的ID  
62.            map.put("username", "@username " + i);  
63.            map.put("location", "SuZhou JiangSu China");  
64.            map.put("add", R.drawable.btn_check_on);  
65.            list.add(map);  
66.        }  
67.        return list;  
68.    }  
69.  
70.    /** 
71.     * listview中点击按键弹出对话框 
72.     */  
73.    public void showInfo() {  
74.        Toast.makeText(this, "add user", Toast.LENGTH_SHORT).show();  
75.    }  
76.  
77.    public Bitmap getImageByURL(String url) {  
78.        try {  
79.            URL imgURL = new URL(url);  
80.            URLConnection conn = imgURL.openConnection();  
81.            conn.connect();  
82.            InputStream is = conn.getInputStream();  
83.            BufferedInputStream bis = new BufferedInputStream(is);  
84.            Bitmap bm = BitmapFactory.decodeStream(bis);  
85.            bis.close();  
86.            is.close();  
87.            if (bm == null) {  
88.                Log.e("MO", "httperror");  
89.            }  
90.            return bm;  
91.        } catch (Exception e) {  
92.            return null;  
93.        }  
94.    }  
95.  
96.    public final class ViewHolder {  
97.        public ImageView avatar;  
98.        public TextView username;  
99.        public TextView location;  
100.        public ImageView add;  
101.    }  
102.  
103.    public class MyAdapter extends BaseAdapter {  
104.        private LayoutInflater mInflater;  
105.  
106.        public MyAdapter(Context context) {  
107.            this.mInflater = LayoutInflater.from(context);  
108.        }  
109.  
110.        @Override  
111.        public int getCount() {  
112.            return mListItem.size();  
113.        }  
114.  
115.        @Override  
116.        public Object getItem(int arg0) {  
117.            return null;  
118.        }  
119.  
120.        @Override  
121.        public long getItemId(int arg0) {  
122.            return 0;  
123.        }  
124.  
125.        @Override  
126.        public View getView(int position, View convertView, ViewGroup parent) {  
127.            ViewHolder holder = null;  
128.            if (convertView == null) {  
129.                holder = new ViewHolder();  
130.                convertView = mInflater.inflate(  
131.                        R.layout.apl_mb_c1_friend_001_03, null);  
132.                holder.avatar = (ImageView) convertView  
133.                        .findViewById(R.id.ItemImage);  
134.                holder.username = (TextView) convertView  
135.                        .findViewById(R.id.ItemTitle1);  
136.                holder.location = (TextView) convertView  
137.                        .findViewById(R.id.ItemTitle2);  
138.                holder.add = (ImageView) convertView.findViewById(R.id.add);  
139.                convertView.setTag(holder);  
140.            } else {  
141.                holder = (ViewHolder) convertView.getTag();  
142.            }  
143.            holder.avatar.setImageBitmap((Bitmap) mListItem.get(position).get(  
144.                    "avatar"));  
145.            Log.e("txl01", mListItem.get(position).get("avatar").toString());  
146.            holder.username.setText((String) mListItem.get(position).get(  
147.                    "username"));  
148.            holder.location.setText((String) mListItem.get(position).get(  
149.                    "location"));  
150.            holder.add.setBackgroundResource((Integer) mListItem.get(position)  
151.                    .get("add"));  
152.            holder.add.setOnClickListener(new View.OnClickListener() {  
153.                @Override  
154.                public void onClick(View v) {  
155.                    showInfo();  
156.                }  
157.            });  
158.            return convertView;  
159.        }  
160.    }  
161.} 

  下面将对上述代码,做详细的解释,listView在开始绘制的时候,系统首先调用getCount()函数,根据他的返回值得到listView的长度(这也是为什么在开始的第一张图特别的标出列表长度),然后根据这个长度,调用getView()逐一绘制每一行。如果你的getCount()返回值是0的话,列表将不显示同样return  1,就只显示一行。

  系统显示列表时,首先实例化一个适配器(这里将实例化自定义的适配器)。当手动完成适配时,必须手动映射数据,这需要重写getView()方法。系统在绘制列表的每一行的时候将调用此方法。getView()有三个参数,position表示将显示的是第几行,covertView是从布局文件中inflate来的布局。我们用LayoutInflater的方法将定义好的vlist2.xml文件提取成View实例用来显示。然后将xml文件中的各个组件实例化(简单的findViewById()方法)。这样便可以将数据对应到各个组件上了。但是按钮为了响应点击事件,需要为它添加点击监听器,这样就能捕获点击事件。至此一个自定义的listView就完成了,现在让我们回过头从新审视这个过程。系统要绘制ListView了,他首先获得要绘制的这个列表的长度,然后开始绘制第一行,怎么绘制呢?调用getView()函数。在这个函数里面首先获得一个View(实际上是一个ViewGroup),然后再实例并设置各个组件,显示之。好了,绘制完这一行了。那  再绘制下一行,直到绘完为止。在实际的运行过程中会发现listView的每一行没有焦点了,这是因为Button抢夺了listView的焦点,只要布局文件中将Button设置为没有焦点就OK了。

 

另外,通过这种方法不可以将ListView和ImageView同时添加了监听,通过网上搜索,原来是没有在xml中添加部分属性,在list的配置xml的根节点添加属性android:descendantFocusability="blocksDescendants",还有就是在要添加事件的控件上添加android:focusable="false",上边的代码中我已经添加过了。

posted @ 2012-05-17 20:10  坏混混  阅读(364)  评论(0编辑  收藏  举报