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",上边的代码中我已经添加过了。