`

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找到这个组件,然后给组件添加单击事件:

Java代码 复制代码 收藏代码
  1. img.setOnClickListener(new View.OnClickListener() {   
  2.     @Override  
  3.     public void onClick(View v) {   
  4.         Toast.makeText(FriendListTwitter.this"click add friend.",   
  5.                 Toast.LENGTH_SHORT).show();   
  6.     }   
  7. });  
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。

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

Xml代码 复制代码 收藏代码
  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>  
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="fill_parent" android:layout_height="46dip"
	android:descendantFocusability="blocksDescendants">
	<ImageView android:layout_margin="2dip" android:layout_width="40dip"
		android:layout_height="40dip" android:id="@+id/ItemImage" />
	<TextView android:text="Defalut" android:layout_width="wrap_content"
		android:layout_height="wrap_content" android:textSize="15dip"
		android:textColor="@drawable/white" android:layout_toRightOf="@id/ItemImage"
		android:id="@+id/ItemTitle1" android:layout_gravity="center_vertical"
		android:layout_alignParentTop="true" />
	<TextView android:text="Defalut" android:layout_width="wrap_content"
		android:layout_height="wrap_content" android:textSize="15dip"
		android:textColor="@drawable/black" android:layout_toRightOf="@id/ItemImage"
		android:id="@+id/ItemTitle2" android:layout_gravity="center_vertical"
		android:layout_alignParentBottom="true" />
	<ImageView android:id="@+id/add" android:src="@drawable/btn_check_on"
		android:layout_width="wrap_content" android:layout_height="wrap_content"
		android:clickable="true" android:focusable="false"
		android:layout_alignParentRight="true" android:layout_centerVertical="true"
		android:layout_marginRight="10dip" />
</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. }  
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",上边的代码中我已经添加过了。

 

 

 

 

from:http://txlong-onz.iteye.com/blog/907186

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics