工作中遇到的listview相关问题(一)——item包含EditText

在日常开发中,ListView是我们常用的控件,也是遇到坑比较多的一个控件。在之前的项目中,有这样的一个布局需求,在ListView的item中包含有EditText,第一个问题就是焦点问题,会发现edittext获取不到焦点。

1.焦点问题

比如我们有如下的代码:

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout    xmlns:android="http://schemas.android.com/apk/res/android" 
        android:id="@+id/activity_main"    
        android:layout_width="match_parent"    
        android:layout_height="match_parent">    
        <ListView  android:id="@+id/listView"       
                   android:layout_width="match_parent"        
                   android:layout_height="match_parent"/>
</RelativeLayout>```
####MainActivity.java

public class MainActivity extends Activity {
ListView mListView;
MyAdapter mMyAdapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mListView = (ListView) findViewById(R.id.listView);
mMyAdapter = new MyAdapter(this);
mListView.setAdapter(mMyAdapter);
}}

####MyAdapter.java

public class MyAdapter extends BaseAdapter {
private Context mContext;
public MyAdapter(Context context) {
this.mContext = context;
}
@Override
public int getCount() {
return 20;
}
@Override
public Object getItem(int position) {
return null;
}
@Override
public long getItemId(int position) {
return 0;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
EditText editText;
if (convertView == null) {
editText = new EditText(mContext);
convertView = editText;
} else {
editText = (EditText) convertView;
}
System.out.println("current pos:" + position);
return convertView;
}}


当你运行上述简单的代码后发现EditText是无法获取焦点的,导致无法输入任何东东,那么原因何在呢?


####其实,是listview先于子item抢占了焦点,那么我们首先想到的就是让listview失去焦点,让子item获取焦点(当然,listview 的onitem相关监听事件会失效)。

mListView.setFocusable(false);

这是再运行发现键盘弹出了,可是editText获取到焦点然后又失去了,需要你手动再次点击才能获取到,然后才能输入。
而且当你输入完毕,关闭软键盘,发现输入的东西不见了,自动清空。这又产生了两个问题。

第一个问题是listview每次调用getview都会使EditText失去焦点,第二个问题归结于下面要讲的listview的item复用产生的问题。

第一种方式行不通,查询相关资料发现,可以通过给listview的item的根布局设置descendantFocusability属性。

#####android:descendantFocusability属性有三个值:
      beforeDescendants:viewgroup会优先其子类控件而获取到焦点
      afterDescendants:viewgroup只有当其子类控件不需要获取焦点时才获取焦点
      blocksDescendants:viewgroup会覆盖子类控件而直接获得焦点

####那么我们修改adapter中的getView方法

@Override
public View getView(int position, View convertView, ViewGroup parent) {
EditText editText;
if (convertView == null) {
convertView = LayoutInflater.from(mContext).inflate(R.layout.list_edittext, parent, false);
editText = (EditText) convertView.findViewById(R.id.editText);
convertView.setTag(editText);
} else {
editText = (EditText) convertView.getTag();
}
System.out.println("current pos:" + position);
return convertView;
}

####list_edittext.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:descendantFocusability="beforeDescendants"
android:orientation="vertical">
<EditText android:id="@+id/editText"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
</LinearLayout>

发现还是无效果,其实我们少了一句关键的代码,就是给相应的 activity 设置 windowSoftInputMode= adjustPan 即可。。

##终上所述,我认为的解决方案就是给ListView或者ListView的item的根布局添加android:descendantFocusability="beforeDescendants",然后设置相应的activity 的windowSoftInputMode属性为adjustPan 。

##2.数据问题
   解决完焦点问题后,另一个问题就是edittext的数据问题了。当我们在当前屏幕的edittext中输入东东后,往下滑,发现下面的edittext自动输入了我们输入过得东东,这明显是我们不愿意看到的。

其实这是由于getView方法的复用view导致的,加入你在position=0的edittext中输入了内容,当你往下滑时,当position为0的view完全消失时,该view会被加入到 mActiveViews[]中,当下方的item检测到由可用的view,则从该数组中取出,所以下方的edittext的内容会跟上面你输入的一样,其实就是同一个edittext。关于listview源码级解析详见[链接](http://blog.csdn.net/guolin_blog/article/details/44996879)

#####解决方案——保存edittext的内容

修改adapter代码:

//新增一个数组用于保存edittext的内容
private SparseArray<String> mStringSparseArray;

@Override
public View getView(final int position, View convertView, ViewGroup parent) {
EditTextHolder editTextHolder;
if (convertView == null) {
convertView = LayoutInflater.from(mContext).inflate(R.layout.list_edittext, parent, false);

    editTextHolder = new EditTextHolder();       
    editTextHolder.mEditText = (EditText) convertView.findViewById(R.id.editText);                      

    editTextHolder.mMyTextWatcher = new MyTextWatcher(position, mStringSparseArray);                        
    //给edittext设置watcher
    editTextHolder.mEditText.addTextChangedListener(editTextHolder.mMyTextWatcher);                        

    convertView.setTag(editTextHolder);    
} else {        
     editTextHolder = (EditTextHolder) convertView.getTag();        
     //由于复用了edittext,导致他的watcher里的position还是之前的positiono,所以需要通知
     //watcher更新positon,才能保存正确的positon的值
     editTextHolder.updatePosition(position);   
}    
System.out.println(position);    
editTextHolder.mEditText.setText(mStringSparseArray.get(position));   
return convertView;

}
static class EditTextHolder {
EditText mEditText;
MyTextWatcher mMyTextWatcher;
public void updatePosition(int position) {
mMyTextWatcher.updatePosition(position);
}
}

static class MyTextWatcher implements TextWatcher {
private int position;
private SparseArray<String> sparseArray;
//更新postion
public void updatePosition(int position) {
this.position = position;
}
public MyTextWatcher(int position, SparseArray<String> sparseArray) {
this.position = position;
this.sparseArray = sparseArray;
}
@Override
public void beforeTextChanged(CharSequence s, int start, int count, int after) { }
@Override
public void onTextChanged(CharSequence s, int start, int before, int count) { }
@Override
public void afterTextChanged(Editable s) {
//保存edittext的值
sparseArray.put(position, s.toString());
}
}

运行代码,发现edittext数据错乱问题解决,此方法同样适用于checkbox错乱等问题。

##### demo工程已上传至github,有需要的可去[download](https://github.com/dengyuaner/ListViewDemo)

推荐阅读更多精彩内容