ListView和EditText使用解决方案

时间:2022-07-29 19:38:33

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缓存起来,就可以解决大部分问题。