ListView和EditText使用解决方案

Posted 2022-11-28 Wastrel_xyz

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