ListView与Button的共存问题解决

在项目当中我们 会经常遇到ListView与button共存的问题：

ListView 和 其它能触发点击事件的widget无法一起正常工作的原因是加入其它widget后，ListView的itemclick事件将无法触发，被其它widget的click事件屏蔽。

下面把解决过程描述一下：

以下是layout的内容，分为两部分：

<?xml version="1.0"encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent" android:layout_height="fill_parent"
android:padding="10dip" android:orientation="vertical">

<ListView android:id="@id/android:list" android:layout_width="fill_parent"
android:layout_height="fill_parent"/>
</LinearLayout>

res/layout/lvitem.xml

注意：

在<RelativeLayout>中

android:descendantFocusability="blocksDescendants"

和<ImageButton>中

android:focusable="false"

这两项的设置很关键，如果不设置，将导致ListView的ItemClick事件将无法触发，该事件被ImageButton的click事件屏蔽了。

<?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="wrap_content"
android:padding="5dip"
android:descendantFocusability="blocksDescendants">

<ImageView 
android:id="@+id/ItemImage"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="5dip"
/>


<!-- 
把按钮背景设置为透明: android:background="#00000000"
把按钮背景设置为半透明: android:background="#e0000000"
-->
<ImageButton 
android:id="@+id/ItemCloseWin"
android:layout_alignParentRight="true"
android:layout_alignTop="@+id/ItemWinName"
android:layout_alignBottom="@+id/ItemWinName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#e0000000"
android:gravity="left|center_vertical"
android:focusable="false"
android:src="@android:drawable/ic_menu_close_clear_cancel"
/>
<TextView 
android:id="@+id/ItemWinName"
android:layout_toRightOf="@+id/ItemImage"
android:layout_toLeftOf="@+id/ItemCloseWin"
android:layout_alignTop="@+id/ItemImage"
android:layout_alignBottom="@+id/ItemImage"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="left|center_vertical"
android:textSize="20dip"
android:text="title"
/>
</RelativeLayout>

• 接下来，我们看看继承ListActivity的实现

在lvWithButtonExt中，为了能处理ImageButton的click事件，我继承了BaseAdapter类，并重新实现了getView()接口，在其中加入了Button的clicklistener，详见lvButtonAdapter类的实现。

publicclass lvWithButtonExt extends ListActivity {
@Override
protectedvoid onCreate(Bundle savedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

// 关联Layout中的ListView
ListView vncListView =(ListView)findViewById(android.R.id.list);

// 生成动态数组，加入数据 
ArrayList<HashMap<String,Object>> remoteWindowItem =newArrayList<HashMap<String,Object>>();
for(int i=0;i<10;i++)
{
HashMap<String,Object>map=newHashMap<String,Object>();
map.put("ItemImage", R.drawable.firefox);//图像资源的ID 
map.put("ItemWinName","Window ID "+i);
map.put("ItemCloseWin", android.R.drawable.ic_menu_close_clear_cancel);
remoteWindowItem.add(map);
}

// 生成适配器的Item和动态数组对应的元素 
lvButtonAdapter listItemAdapter =new lvButtonAdapter(
this,
remoteWindowItem,//数据源 
R.layout.lvitem,//ListItem的XML实现 

//动态数组与ImageItem对应的子项 
newString[]{"ItemImage","ItemWinName","ItemCloseWin"},
//ImageItem的XML文件里面的一个ImageView,两个TextView ID 
newint[]{R.id.ItemImage,R.id.ItemWinName,R.id.ItemCloseWin}
);

vncListView.setAdapter(listItemAdapter);
}

@Override
protectedvoid onListItemClick(ListView l,View v,intposition,longid){
// TODO Auto-generated method stub
super.onListItemClick(l, v,position,id);
l.getItemAtPosition(position);
}
}

• 接下来，我们看看lvButtonAdapter的实现

为了响应按钮的点击事件，首先要记录按钮的位置，然后为按钮设置clicklistener。

在重新实现的getView()接口中，我使用了lvButtonListener监听类，在构造函数中，记录行号，以便在OnClick接口中能准确的定位按钮所在的位置，进而对相应的行进行处理。

publicclass lvButtonAdapter extends BaseAdapter {
privateclass buttonViewHolder {
ImageView appIcon;
TextView appName;
ImageButton buttonClose;
}

privateArrayList<HashMap<String,Object>> mAppList;
private LayoutInflater mInflater;
privateContext mContext;
privateString[] keyString;
privateint[] valueViewID;
private buttonViewHolder holder;

public lvButtonAdapter(Context c,ArrayList<HashMap<String,Object>> appList,int resource,
String[]from,int[] to){
mAppList = appList;
mContext = c;
mInflater =(LayoutInflater)mContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
keyString =newString[from.length];
valueViewID =newint[to.length];
System.arraycopy(from, 0, keyString, 0,from.length);
System.arraycopy(to, 0, valueViewID, 0, to.length);
}

@Override
publicintgetCount(){
return mAppList.size();
}

@Override
publicObjectgetItem(intposition){
return mAppList.get(position);
}

@Override
publiclong getItemId(intposition){
returnposition;
}

publicvoidremoveItem(intposition){
mAppList.remove(position);
this.notifyDataSetChanged();
}

@Override
publicViewgetView(intposition,View convertView, ViewGroup parent){
if(convertView !=null){
holder =(buttonViewHolder) convertView.getTag();
}else{
convertView = mInflater.inflate(R.layout.lvitem,null);
holder =new buttonViewHolder();
holder.appIcon =(ImageView)convertView.findViewById(valueViewID[0]);
holder.appName =(TextView)convertView.findViewById(valueViewID[1]);
holder.buttonClose =(ImageButton)convertView.findViewById(valueViewID[2]);
convertView.setTag(holder);
}

HashMap<String,Object> appInfo = mAppList.get(position);
if(appInfo !=null){
String aname =(String) appInfo.get(keyString[1]);
int mid =(Integer)appInfo.get(keyString[0]);
int bid =(Integer)appInfo.get(keyString[2]);
holder.appName.setText(aname);
holder.appIcon.setImageDrawable(holder.appIcon.getResources().getDrawable(mid));
holder.buttonClose.setImageDrawable(holder.buttonClose.getResources().getDrawable(bid));
holder.buttonClose.setOnClickListener(new lvButtonListener(position));
} 
return convertView;
}

class lvButtonListener implements OnClickListener {
privateintposition;

lvButtonListener(int pos){
position= pos;
}

@Override
publicvoid onClick(View v){
int vid=v.getId();
if(vid == holder.buttonClose.getId())
removeItem(position);
}
}
}

备注1； 对于Android开发来说处理一些界面需要和Adapter适配器打交道，虽然Android自带了一些比如ArrayAdapter但是大多数情况下无法满足我们需要，所以就要从BaseAdapter派生一个类满足我们特殊的需要。

首先我们可能重写getView()，通过LayoutInflater的inflate方法映射一个自己定义的Layout布局xml加载或从xxxView中创建。这些大家可能滚瓜烂熟了但是仍然很多Android开发者对于BaseAdapter中notifyDataSetChanged()方法不是很理解，notifyDataSetChanged方法通过一个外部的方法控制如果适配器的内容改变时需要强制调用getView来刷新每个Item的内容。