今天遇到一个问题: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(newView.OnClickListener(){
  2. @Override
  3. publicvoidonClick(Viewv){
  4. Toast.makeText(FriendListTwitter.this,"clickaddfriend.",
  5. Toast.LENGTH_SHORT).show();
  6. }
  7. });

但是程序一直出现NullPointerException。

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

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

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

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

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

Xml代码
  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"
  3. android:layout_width="fill_parent"android:layout_height="46dip"
  4. android:descendantFocusability="blocksDescendants">
  5. <ImageViewandroid:layout_margin="2dip"android:layout_width="40dip"
  6. android:layout_height="40dip"android:id="@+id/ItemImage"/>
  7. <TextViewandroid: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. <TextViewandroid: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. <ImageViewandroid: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. importjava.io.BufferedInputStream;
  2. importjava.io.InputStream;
  3. importjava.net.URL;
  4. importjava.net.URLConnection;
  5. importjava.util.ArrayList;
  6. importjava.util.HashMap;
  7. importjava.util.List;
  8. importjava.util.Map;
  9. importandroid.app.Activity;
  10. importandroid.content.Context;
  11. importandroid.content.Intent;
  12. importandroid.graphics.Bitmap;
  13. importandroid.graphics.BitmapFactory;
  14. importandroid.os.Bundle;
  15. importandroid.util.Log;
  16. importandroid.view.LayoutInflater;
  17. importandroid.view.View;
  18. importandroid.view.ViewGroup;
  19. importandroid.view.Window;
  20. importandroid.widget.AdapterView;
  21. importandroid.widget.BaseAdapter;
  22. importandroid.widget.ImageView;
  23. importandroid.widget.ListView;
  24. importandroid.widget.TextView;
  25. importandroid.widget.Toast;
  26. importandroid.widget.AdapterView.OnItemClickListener;
  27. publicclassFriendListTwitterextendsActivity{
  28. privateList<Map<String,Object>>mListItem;
  29. privateListViewmListView;
  30. @Override
  31. publicvoidonCreate(BundlesavedInstanceState){
  32. this.requestWindowFeature(Window.FEATURE_NO_TITLE);
  33. super.onCreate(savedInstanceState);
  34. setContentView(R.layout.apl_mb_c1_friend_001_01);
  35. mListView=(ListView)findViewById(R.id.friends);
  36. mListItem=getData();
  37. MyAdapteradapter=newMyAdapter(this);
  38. mListView.setAdapter(adapter);
  39. //添加点击
  40. mListView.setOnItemClickListener(newOnItemClickListener(){
  41. @Override
  42. publicvoidonItemClick(AdapterView<?>arg0,Viewarg1,intarg2,
  43. longarg3){
  44. startActivity(newIntent(FriendListTwitter.this,
  45. FriendDetail.class));
  46. }
  47. });
  48. }
  49. privateList<Map<String,Object>>getData(){
  50. List<Map<String,Object>>list=newArrayList<Map<String,Object>>();
  51. for(inti=0;i<10;i++){
  52. HashMap<String,Object>map=newHashMap<String,Object>();
  53. Stringurl="http://10.167.12.184:8080/examples/images/1.png";
  54. Bitmapbitmap=getImageByURL(url);
  55. map.put("avatar",bitmap);//图像资源的ID
  56. map.put("username","@username"+i);
  57. map.put("location","SuZhouJiangSuChina");
  58. map.put("add",R.drawable.btn_check_on);
  59. list.add(map);
  60. }
  61. returnlist;
  62. }
  63. /**
  64. *listview中点击按键弹出对话框
  65. */
  66. publicvoidshowInfo(){
  67. Toast.makeText(this,"adduser",Toast.LENGTH_SHORT).show();
  68. }
  69. publicBitmapgetImageByURL(Stringurl){
  70. try{
  71. URLimgURL=newURL(url);
  72. URLConnectionconn=imgURL.openConnection();
  73. conn.connect();
  74. InputStreamis=conn.getInputStream();
  75. BufferedInputStreambis=newBufferedInputStream(is);
  76. Bitmapbm=BitmapFactory.decodeStream(bis);
  77. bis.close();
  78. is.close();
  79. if(bm==null){
  80. Log.e("MO","httperror");
  81. }
  82. returnbm;
  83. }catch(Exceptione){
  84. returnnull;
  85. }
  86. }
  87. publicfinalclassViewHolder{
  88. publicImageViewavatar;
  89. publicTextViewusername;
  90. publicTextViewlocation;
  91. publicImageViewadd;
  92. }
  93. publicclassMyAdapterextendsBaseAdapter{
  94. privateLayoutInflatermInflater;
  95. publicMyAdapter(Contextcontext){
  96. this.mInflater=LayoutInflater.from(context);
  97. }
  98. @Override
  99. publicintgetCount(){
  100. returnmListItem.size();
  101. }
  102. @Override
  103. publicObjectgetItem(intarg0){
  104. returnnull;
  105. }
  106. @Override
  107. publiclonggetItemId(intarg0){
  108. return0;
  109. }
  110. @Override
  111. publicViewgetView(intposition,ViewconvertView,ViewGroupparent){
  112. ViewHolderholder=null;
  113. if(convertView==null){
  114. holder=newViewHolder();
  115. convertView=mInflater.inflate(
  116. R.layout.apl_mb_c1_friend_001_03,null);
  117. holder.avatar=(ImageView)convertView
  118. .findViewById(R.id.ItemImage);
  119. holder.username=(TextView)convertView
  120. .findViewById(R.id.ItemTitle1);
  121. holder.location=(TextView)convertView
  122. .findViewById(R.id.ItemTitle2);
  123. holder.add=(ImageView)convertView.findViewById(R.id.add);
  124. convertView.setTag(holder);
  125. }else{
  126. holder=(ViewHolder)convertView.getTag();
  127. }
  128. holder.avatar.setImageBitmap((Bitmap)mListItem.get(position).get(
  129. "avatar"));
  130. Log.e("txl01",mListItem.get(position).get("avatar").toString());
  131. holder.username.setText((String)mListItem.get(position).get(
  132. "username"));
  133. holder.location.setText((String)mListItem.get(position).get(
  134. "location"));
  135. holder.add.setBackgroundResource((Integer)mListItem.get(position)
  136. .get("add"));
  137. holder.add.setOnClickListener(newView.OnClickListener(){
  138. @Override
  139. publicvoidonClick(Viewv){
  140. showInfo();
  141. }
  142. });
  143. returnconvertView;
  144. }
  145. }
  146. }

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




原文:http://txlong-onz.iteye.com/blog/907186

更多相关文章

  1. Android系列教程(三)
  2. Android(安卓)应用程序组件学习
  3. android 抽屉效果
  4. android常用控件(三)- ProgressBar、ListView
  5. Flex AIR应用拍照功能(Android和IOS版本)
  6. Android(安卓)Gallery子元素无法横向填满屏幕的问题解决
  7. Android游戏引擎《Rokon》添加Rokon框架
  8. Android(安卓)源码获取-----在Windows环境下通过Git得到Android
  9. Android(安卓)Design Support Library(二)用NavigationView实现抽

随机推荐

  1. Android(安卓)NavigationBar
  2. Android笔试的一部分知识点
  3. android animation
  4. Android(安卓)屏幕分辩率相关问题
  5. Android资源文件 - 使用资源存储字符串
  6. 1.1.2 Android的系统框架
  7. 自定义View系列教程02--onMeasure源码详
  8. Android性能调优
  9. Android中UI主线程与子线程
  10. Android(安卓)Service Framework分析