android中ListView點擊和ListView的item裏面的button或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。

Xml代碼

<?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代碼

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/p_w_picpaths/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",上邊的代碼中我已經添加過了

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章