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

Mango

2011-11-14

今天遇到一个问题：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();   
    }   
});

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。

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

import java.io.BufferedInputStream;   

import java.io.InputStream;    

import java.net.URL;    

import java.net.URLConnection;    

import java.util.ArrayList;    

import java.util.HashMap;    

import java.util.List;    

import java.util.Map;    
  

import android.app.Activity;    

import android.content.Context;    

import android.content.Intent;    

import android.graphics.Bitmap;    

import android.graphics.BitmapFactory;    

import android.os.Bundle;    

import android.util.Log;    

import android.view.LayoutInflater;    

import android.view.View;    

import android.view.ViewGroup;    

import android.view.Window;    

import android.widget.AdapterView;    

import android.widget.BaseAdapter;    

import android.widget.ImageView;    

import android.widget.ListView;    

import android.widget.TextView;    

import android.widget.Toast;    

import android.widget.AdapterView.OnItemClickListener;    
  

public class FriendListTwitter extends Activity {    

    private List<Map<String, Object>> mListItem;    

    private ListView mListView;    
  

    @Override   

    public void onCreate(Bundle savedInstanceState) {    

        this.requestWindowFeature(Window.FEATURE_NO_TITLE);    

        super.onCreate(savedInstanceState);    
        setContentView(R.layout.apl_mb_c1_friend_001_01);   
  
        mListView = (ListView) findViewById(R.id.friends);   
        mListItem = getData();   

        MyAdapter adapter = new MyAdapter(this);    
        mListView.setAdapter(adapter);   

        // 添加点击    

        mListView.setOnItemClickListener(new OnItemClickListener() {    

            @Override   

            public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,    

                    long arg3) {    

                startActivity(new Intent(FriendListTwitter.this,    

                        FriendDetail.class));    
            }   
        });   
    }   
  

    private List<Map<String, Object>> getData() {    

        List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();    

        for (int i = 0; i < 10; i++) {    

            HashMap<String, Object> map = new HashMap<String, Object>();    

            String url = "http://10.167.12.184:8080/examples/images/1.png";    
            Bitmap bitmap = getImageByURL(url);   
  

            map.put("avatar", bitmap);// 图像资源的ID    

            map.put("username", "@username " + i);    

            map.put("location", "SuZhou JiangSu China");    

            map.put("add", R.drawable.btn_check_on);    
            list.add(map);   
        }   

        return list;    
    }   
  

    /**  
     * listview中点击按键弹出对话框  
     */  

    public void showInfo() {    

        Toast.makeText(this, "add user", Toast.LENGTH_SHORT).show();    
    }   
  

    public Bitmap getImageByURL(String url) {    

        try {    

            URL imgURL = new URL(url);    
            URLConnection conn = imgURL.openConnection();   
            conn.connect();   
            InputStream is = conn.getInputStream();   

            BufferedInputStream bis = new BufferedInputStream(is);    
            Bitmap bm = BitmapFactory.decodeStream(bis);   
            bis.close();   
            is.close();   

            if (bm == null) {    

                Log.e("MO", "httperror");    
            }   

            return bm;    

        } catch (Exception e) {    

            return null;    
        }   
    }   
  

    public final class ViewHolder {    

        public ImageView avatar;    

        public TextView username;    

        public TextView location;    

        public ImageView add;    
    }   
  

    public class MyAdapter extends BaseAdapter {    

        private LayoutInflater mInflater;    
  

        public MyAdapter(Context context) {    

            this.mInflater = LayoutInflater.from(context);    
        }   
  

        @Override   

        public int getCount() {    

            return mListItem.size();    
        }   
  

        @Override   

        public Object getItem(int arg0) {    

            return null;    
        }   
  

        @Override   

        public long getItemId(int arg0) {    

            return 0;    
        }   
  

        @Override   

        public View getView(int position, View convertView, ViewGroup parent) {    

            ViewHolder holder = null;    

            if (convertView == null) {    

                holder = new ViewHolder();    
                convertView = mInflater.inflate(   

                        R.layout.apl_mb_c1_friend_001_03, null);    
                holder.avatar = (ImageView) convertView   
                        .findViewById(R.id.ItemImage);   
                holder.username = (TextView) convertView   
                        .findViewById(R.id.ItemTitle1);   
                holder.location = (TextView) convertView   
                        .findViewById(R.id.ItemTitle2);   
                holder.add = (ImageView) convertView.findViewById(R.id.add);   
                convertView.setTag(holder);   

            } else {    
                holder = (ViewHolder) convertView.getTag();   
            }   
            holder.avatar.setImageBitmap((Bitmap) mListItem.get(position).get(   

                    "avatar"));    

            Log.e("txl01", mListItem.get(position).get("avatar").toString());    
            holder.username.setText((String) mListItem.get(position).get(   

                    "username"));    
            holder.location.setText((String) mListItem.get(position).get(   

                    "location"));    
            holder.add.setBackgroundResource((Integer) mListItem.get(position)   

                    .get("add"));    

            holder.add.setOnClickListener(new View.OnClickListener() {    

                @Override   

                public void onClick(View v) {    
                    showInfo();   
                }   
            });   

            return convertView;    
        }   
    }   
}

import java.io.BufferedInputStream;
import java.io.InputStream;
import java.net.URL;
import java.net.URLConnection;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import android.app.Activity;
import android.content.Context;
import android.content.Intent;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.Window;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;
import android.widget.AdapterView.OnItemClickListener;

public class FriendListTwitter extends Activity {
	private List<Map<String, Object>> mListItem;
	private ListView mListView;

	@Override
	public void onCreate(Bundle savedInstanceState) {
		this.requestWindowFeature(Window.FEATURE_NO_TITLE);
		super.onCreate(savedInstanceState);
		setContentView(R.layout.apl_mb_c1_friend_001_01);

		mListView = (ListView) findViewById(R.id.friends);
		mListItem = getData();
		MyAdapter adapter = new MyAdapter(this);
		mListView.setAdapter(adapter);
		// 添加点击
		mListView.setOnItemClickListener(new OnItemClickListener() {
			@Override
			public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
					long arg3) {
				startActivity(new Intent(FriendListTwitter.this,
						FriendDetail.class));
			}
		});
	}

	private List<Map<String, Object>> getData() {
		List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();
		for (int i = 0; i < 10; i++) {
			HashMap<String, Object> map = new HashMap<String, Object>();
			String url = "http://10.167.12.184:8080/examples/images/1.png";
			Bitmap bitmap = getImageByURL(url);

			map.put("avatar", bitmap);// 图像资源的ID
			map.put("username", "@username " + i);
			map.put("location", "SuZhou JiangSu China");
			map.put("add", R.drawable.btn_check_on);
			list.add(map);
		}
		return list;
	}

	/**
	 * listview中点击按键弹出对话框
	 */
	public void showInfo() {
		Toast.makeText(this, "add user", Toast.LENGTH_SHORT).show();
	}

	public Bitmap getImageByURL(String url) {
		try {
			URL imgURL = new URL(url);
			URLConnection conn = imgURL.openConnection();
			conn.connect();
			InputStream is = conn.getInputStream();
			BufferedInputStream bis = new BufferedInputStream(is);
			Bitmap bm = BitmapFactory.decodeStream(bis);
			bis.close();
			is.close();
			if (bm == null) {
				Log.e("MO", "httperror");
			}
			return bm;
		} catch (Exception e) {
			return null;
		}
	}

	public final class ViewHolder {
		public ImageView avatar;
		public TextView username;
		public TextView location;
		public ImageView add;
	}

	public class MyAdapter extends BaseAdapter {
		private LayoutInflater mInflater;

		public MyAdapter(Context context) {
			this.mInflater = LayoutInflater.from(context);
		}

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

		@Override
		public Object getItem(int arg0) {
			return null;
		}

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

		@Override
		public View getView(int position, View convertView, ViewGroup parent) {
			ViewHolder holder = null;
			if (convertView == null) {
				holder = new ViewHolder();
				convertView = mInflater.inflate(
						R.layout.apl_mb_c1_friend_001_03, null);
				holder.avatar = (ImageView) convertView
						.findViewById(R.id.ItemImage);
				holder.username = (TextView) convertView
						.findViewById(R.id.ItemTitle1);
				holder.location = (TextView) convertView
						.findViewById(R.id.ItemTitle2);
				holder.add = (ImageView) convertView.findViewById(R.id.add);
				convertView.setTag(holder);
			} else {
				holder = (ViewHolder) convertView.getTag();
			}
			holder.avatar.setImageBitmap((Bitmap) mListItem.get(position).get(
					"avatar"));
			Log.e("txl01", mListItem.get(position).get("avatar").toString());
			holder.username.setText((String) mListItem.get(position).get(
					"username"));
			holder.location.setText((String) mListItem.get(position).get(
					"location"));
			holder.add.setBackgroundResource((Integer) mListItem.get(position)
					.get("add"));
			holder.add.setOnClickListener(new View.OnClickListener() {
				@Override
				public void onClick(View v) {
					showInfo();
				}
			});
			return convertView;
		}
	}
}

下面将对上述代码，做详细的解释，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"，上边的代码中我已经添加过了。

listview android布局 list arrayadapter

安科网

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

Mango

Mango

相关推荐

Android开发教程：浅谈ListView

Android开发高级组件--ListView（列表显示组件）

在ListView头和尾添加东西

【转载】 Android ListView性能优化之视图缓存

JqueryMobile Ajax的实现（以更新ListView为例）

android ListView几个比较特别的属性

Android开发之ListView页眉页脚效果VS android背景渐变

Android对数据库表的一个约定

Android listview 一行高亮

Android常见控件之SimpleAdapter和ListView

Android 开发之ListView中SimpleAdapter

Android 列表(ListView、RecyclerView)不断刷新最佳实践

Android 为ListView构造自定义布局

Android之listview运用（美团美食列表）（9）

android listview addHeaderView和addFooterView详解

ListView对数据库读取实现分页滑动（8）

GridView和ListView简单使用

Android ListView 与 Activity 的 onTouchEvent 冲突

Android开发教程：仿通讯录ListView小例子

Android开发教程：ListView下拉回弹刷新

Mango