ListView的复用对于EditText的坑有不少,比如焦点丢失、值乱窜、滚动问题。本文通过两种方案来解决:
一、老老实实使用ListView,然后把坑踩平。
1、焦点问题
该问题主要体现在于,点击EditText的时候键盘弹出,但是输入却没有任何反应,需要再点击一次才能输入数据。产生的原因在于弹出键盘的时候触发了ListView的刷新,导致本来获取了焦点的EditText又失去了焦点。这个坑我曾在4.4机器上踩平过,5.0之后焦点的获取机制不一样,在我的项目中后改为了方案二来实现,因此没有仔细研究。
//Android 4.4 代码
private int touchPosition = -1
@Override
public View getView(final int position, View convertView, ViewGroup parent) {
ViewHolder holder = ViewHolder.get(context, convertView, null, R.layout.layout_item, position);
final Bean bean = getItem(position);
((TextView) holder.getView(R.id.tv_id)).setText(bean.id + "");
EditText etName = holder.getView(R.id.et_name);
etName.setOnTouchListener(new View.OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
touchPosition = position;
return false;
}
});
etName.setText(bean.name);
if (touchPosition == position) {
etName.requestFocus();
etName.setSelection(etName.length());
} else etName.clearFocus();
return holder.getRootView();
}
思路简单粗暴,也就是给编辑框增加一个onTouch监听,当ListView发生刷新的时候重新设置焦点,但这个方案在5.0机器及以上失效。
package com.wastrel.edittext;
import android.content.Context;
import android.util.SparseArray;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
/** * 创建一个viewHolder */
public class ViewHolder {
public static final String TAG = "ViewHolder";
private SparseArray<View> childViews;
private View rootView;
private int position;
private Object tag;
public void setTag(Object tag) {
this.tag = tag;
}
public Object getTag() {
return tag;
}
/** * 生成一个adapter的ViewHolder * * @param context * @param parent * @param layoutId * @param position */
private ViewHolder(Context context, ViewGroup parent, int layoutId, int position) {
this.rootView = LayoutInflater.from(context).inflate(layoutId, parent, false);
this.childViews = new SparseArray<>();
this.position = position;
rootView.setTag(this);
}
/** * 获取一个viewHolder * * @param context * @param parent * @param layoutId * @param attachToRoot 是否添加到parent中 */
public ViewHolder(Context context, ViewGroup parent, int layoutId, boolean attachToRoot) {
this.rootView = LayoutInflater.from(context).inflate(layoutId, parent, attachToRoot);
this.childViews = new SparseArray<>();
rootView.setTag(this);
}
/** * 获得一个viewHolder * * @param context * @param convertView * @param parent * @param layoutId * @param position * @return */
public static ViewHolder get(Context context, View convertView, ViewGroup parent, int layoutId, int position) {
ViewHolder holder;
if (null == convertView) {
holder = new ViewHolder(context, parent, layoutId, position);
} else {
holder = (ViewHolder) convertView.getTag();
}
return holder;
}
/** * 获取根容器 * * @return */
public View getRootView() {
return this.rootView;
}
/** * 获取容器中的某个控件 * * @param id * @param <T> * @return */
@SuppressWarnings("unchecked")
public <T extends View> T getView(int id) {
View view =childViews.get(id);
if (view!=null)
{
return (T)view;
}
view=rootView.findViewById(id);
if (null == view) {
throw new IllegalArgumentException("没有找到id为" + rootView.getContext().getResources().getResourceEntryName(id) + "的控件");
} else {
childViews.put(id, view);
return (T) view;
}
}
}
2、值乱窜的问题
解决这个问题很容易联想到使用TextWatcher。对每个EditText增加一个TextWatcher在用户输入的时候去更新数据源得值,下次刷新的时候在set回去即可。这里为了节省篇幅,仅贴出关键代码。
@Override
public View getView(final int position, View convertView, ViewGroup parent) {
ViewHolder holder = ViewHolder.get(context, convertView, null, R.layout.layout_item, position);
final Bean bean = getItem(position);
((TextView) holder.getView(R.id.tv_id)).setText(bean.id + "");
EditText etName = holder.getView(R.id.et_name);
//这段代码主要是确保EditText只持有一个TextWatcher,因为如果每次都使用add会导致EditText持有很多TextWatcher,一旦文字发生变化,将会触发其所有的TextWatcher,这样一来不但没有解决问题,反而使问题更加严重。
MyTextWatcher textWatcher = (MyTextWatcher) etName.getTag();
if (textWatcher == null) {
textWatcher = new MyTextWatcher();
etName.addTextChangedListener(textWatcher);
etName.setTag(textWatcher);
}
//修正当前EditText应该绑定的对象。
textWatcher.update(bean);
etName.setText(bean.name);
return holder.getRootView();
}
class MyTextWatcher implements TextWatcher {
private Bean bean;
public void update(Bean bean) {
this.bean = bean;
}
@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) {
bean.name = s.toString();
}
}
二、使用ScrollVIew+LinearLayout替代ListView
为什么要使用LinearLayout来替代ListVIew?
ListView与EditText组合会频繁的引起ListView刷新,在弹出键盘的过程中,ListView会刷新3-4次,当EditText编辑框变化时也会触发刷新,浪费性能。而且EditText的各种状态在刷新过程中会出现乱窜或丢失,颇为头疼的焦点问题。如果使用LinearLayout这些问题都将迎刃而解。
但是问题来了LinearLayout可没有ListView的Adapter好使啊!下面我们可以给LinearLayout模拟一个Adapter出来,方便使用。见代码:
package com.wastrel.edittext;
import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.LinearLayout;
import java.util.List;
import java.util.Stack;
/** * 基础adapter<br/> * 所有子类必须实现{@link #convert(ViewHolder, Object, int)}<br/> */
public abstract class BaseLinearLayoutAdapter<T> extends android.widget.BaseAdapter {
public List<T> data;
public Context context;
private int layoutId;
Stack<View> detachViews = new Stack<>();
public LinearLayout container;
public BaseLinearLayoutAdapter(Context context, List<T> data, LinearLayout container, int layoutId) {
this.context = context;
this.data = data;
this.container = container;
container.removeAllViews();
this.layoutId = layoutId;
}
@Override
public int getCount() {
return null == data ? 0 : data.size();
}
@Override
public T getItem(int position) {
return null == data ? null : data.get(position);
}
@Override
public long getItemId(int position) {
return 0;
}
public void setList(List<T> data) {
this.data = data;
notifyDataSetChanged();
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder holder = ViewHolder.get(context, convertView, parent, layoutId, position);
T t = getItem(position);
convert(holder, t, position);
return holder.getRootView();
}
/** * 实现数据赋值 * * @param holder * @param item * @param position */
public abstract void convert(ViewHolder holder, T item, int position);
//重新notifyDataSetChanged()来满足LinearLayout。
@Override
public void notifyDataSetChanged() {
//获取当前容器里面还有多少个可用View
int viewCount = container.getChildCount();
int size = getCount();
for (int i = 0; i < size; i++) {
if (i < viewCount) {
//需要显示的个数小于当前容器里面的个数的时候,直接取出来重新赋值即可。
getView(i, container.getChildAt(i), container);
} else {
//当大于的时候先从缓存里面取,如果没有执行getView(i,null,container)去创建一个。
View v = null;
if (detachViews.size() > 0) {
v = detachViews.get(0);
detachViews.remove(0);
}
v = getView(i, v, container);
container.addView(v);
}
}
//把容器里没有用到的View取出来放到缓存中。
if (viewCount > size) {
for (int i = viewCount - 1; i >= size; i--) {
detachViews.add(container.getChildAt(i));
container.removeViewAt(i);
}
}
}
}
上面这个Adapter简单的重写了notifyDataSetChange()来模拟ListView刷新的过程。
使用
布局应满足:如果使用ScrollView则LinearLayout的方向应该是纵向的,如果使用HorizontalScrollView则LinearLayout的方向应该是横向的。
<!--纵向的时候-->
<ScrollView android:layout_width="match_parent" android:layout_height="wrap_content">
<LinearLayout android:layout_width="match_parent" android:orientation="vertical" android:layout_height="match_parent"/>
</ScrollView>
public class LinearAdapter extends BaseLinearLayoutAdapter<Bean> {
public LinearAdapter(Context context, List<Bean> data, LinearLayout container, int layoutId) {
super(context, data, container, layoutId);
}
@Override
public void convert(ViewHolder holder, Bean bean, int position) {
((TextView) holder.getView(R.id.tv_id)).setText(bean.id + "");
EditText etName = holder.getView(R.id.et_name);
MyTextWatcher textWatcher = (MyTextWatcher) etName.getTag();
if (textWatcher == null) {
textWatcher = new MyTextWatcher();
etName.addTextChangedListener(textWatcher);
etName.setTag(textWatcher);
}
textWatcher.update(bean);
etName.setText(bean.name);
}
class MyTextWatcher implements TextWatcher {
private Bean bean;
public void update(Bean bean) {
this.bean = bean;
}
@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) {
bean.name = s.toString();
}
}
}
LinearAdapter adapter = new LinearAdapter(this, beans, listView, R.layout.layout_item);
adapter.notifyDataSetChanged();
数据集变化的时候调用Adapter的notifyDataSetChanged()就好了。
上述方案适用于Item条数不多,并且用户可动态添加和删除条目的情况。动态删减的过程中任然避免不了通过TextWatcher来快速保存数据。但是此方案不会存在焦点问题,列表也不会反复刷新。如果条目固定的输入直接用for循环就好了。然后把ViewHolder缓存起来,就可以解决大部分问题。