Android 解决在ListView历史复用中Edittext数据显示混乱

时间 2019-11-06

标签 android 解决 listview 历史 edittext 数据显示混乱栏目 Android 繁體版

原文原文链接

若是一个ListView里面有多套布局（单个布局也行）的能够参考这个帖子：http://blog.csdn.net/fan7983377/article/details/54380588

有这么一个需求，就是在ListView中，每一个条目都有Edittext，须要把每一个Edittext输入的数据保存到对应的bean中，想要的效果是这样的：
android

这样一看，也没什么难度嘛，顶多就是在adapter的getview中对Edittext设置个文本改变监听嘛，当文本改变就把数据存到bean中，因而，在adapter中写了这段代码：ide

private Context context;
    private List<Bean> lists;

    public MyAdapter(Context context, List<Bean> lists) {
        this.context = context;
        this.lists = lists;
    }

    @Override
    public int getCount() {
        return lists.size();
    }

    @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) {
        final ViewHolder vh;
        if (convertView == null) {
            convertView = View.inflate(context,R.layout.item,null);
            vh = new ViewHolder(convertView);
            convertView.setTag(vh);
        }else{
            vh = (ViewHolder) convertView.getTag();
        }

        Bean bean = lists.get(position);
        vh.tvname.setText(bean.getName());
        vh.mEditText.addTextChangedListener(null); //清除上个item的监听，防止oom
        vh.mEditText.addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {}

            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count) {
                bean.setInput(s+"");
            }
            @Override
            public void afterTextChanged(Editable s) { }
        });

        //大部分状况下，getview中有if必须有else
        if(!TextUtils.isEmpty(bean.getInput())){
            vh.mEditText.setText(bean.getInput());
        }else{
            vh.mEditText.setText("");
        }
        return convertView;
    }

    public class ViewHolder{
        TextView tvname;
        EditText mEditText;

        public ViewHolder(View convertView) {
            tvname = (TextView) convertView.findViewById(R.id.tv_name);
            mEditText = (EditText) convertView.findViewById(R.id.et_input);
        }
    }

而后很愉快的编译运行，结果……….

发现运行后想要的效果跟想象中差距太大了，都乱套了，最后猜测应该是文本改变监听里面设置数据的问题，设置的不是当前控件所在position里面的bean，而是其余的Bean，因而，使用settag()，把bean绑定到当前的Edittext身上，adapter的getView改造以下（添加的是代码中空隙最大的两处！）：布局

public View getView(int position, View convertView, ViewGroup parent) {
        final ViewHolder vh;
        if (convertView == null) {
            convertView = View.inflate(context,R.layout.item,null);
            vh = new ViewHolder(convertView);
            convertView.setTag(vh);
        }else{
            vh = (ViewHolder) convertView.getTag();
        }
        final Bean bean = lists.get(position);
        vh.tvname.setText(bean.getName());


        //把Bean与输入框进行绑定
        vh.mEditText.setTag(bean);


        vh.mEditText.addTextChangedListener(null); //清除上个item的监听，防止oom
        vh.mEditText.addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {}

            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count) {


                //得到Edittext所在position里面的Bean，并设置数据
                Bean bean = (Bean) vh.mEditText.getTag();


                bean.setInput(s+"");
            }
            @Override
            public void afterTextChanged(Editable s) { }
        });

        //大部分状况下，Adapter里面有if必须有else
        if(!TextUtils.isEmpty(bean.getInput())){
            vh.mEditText.setText(bean.getInput());
        }else{
            vh.mEditText.setText("");
        }

        return convertView;
    }

因而点击编译运行，效果以下：测试

恩，算是解决了显示混乱的问题，但模拟器上是好像Edittext的焦点出现了复用条目也跟着获取了焦点，（如上图红色底线表明有焦点），因而加了个清除焦点的属性EditText.clearFocus()，就解决了this

public View getView(int position, View convertView, ViewGroup parent) {
        final ViewHolder vh;
        if (convertView == null) {
            convertView = View.inflate(context,R.layout.item,null);
            vh = new ViewHolder(convertView);
            convertView.setTag(vh);
        }else{
            vh = (ViewHolder) convertView.getTag();
        }

        final Bean bean = lists.get(position);

        vh.tvname.setText(bean.getName());
        //把Bean与输入框进行绑定
        vh.mEditText.setTag(bean);


        //清除焦点
        vh.mEditText.clearFocus();

        vh.mEditText.addTextChangedListener(null); //清除上个item的监听，防止oom
        vh.mEditText.addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {}

            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count) {
                //得到Edittext所在position里面的Bean，并设置数据
                Bean bean = (Bean) vh.mEditText.getTag();
                bean.setInput(s+"");
            }
            @Override
            public void afterTextChanged(Editable s) { }
        });

        //大部分状况下，Adapter里面有if必须有else
        if(!TextUtils.isEmpty(bean.getInput())){
            vh.mEditText.setText(bean.getInput());
        }else{
            vh.mEditText.setText("");
        }

        return convertView;
    }

效果以下：.net

虽然模拟器上解决了，可是真机上测试的时候出现了点击Edittext输入框时虽然弹出了输入法，可是还得再次点击Edittext才能输入字符，这样也有点不利于用户体验，通过打log发现，当点击Edittext时，系统会默认刷新adapter，从新绘制下当前屏幕，致使第一次点击Edittext输入框时给清除了Edittext的焦点，因此，咱们须要在清单文件中的当前activity里配置下弹出输入框禁止绘制当前屏幕的属性“Android:windowSoftInputMode=”stateAlwaysHidden|adjustPan””code

<activity android:name=".MainActivity"
            android:windowSoftInputMode="stateAlwaysHidden|adjustPan"
            >

而后再次运行，点击输入框就弹出软键盘而当前输入框也能直接输入字符了，好了，终于解决了。（因为手机缘由，没办法录效果图！）blog

当咱们输入完一条后，往下滑动时发现，软键盘还在屏幕上，没有隐藏，咱们还须要最后一步操做，给ListView设置滚动监听，当当前状态为滚动时，隐藏软键盘，代码以下：图片

listview.setOnScrollListener(new AbsListView.OnScrollListener() {
            @Override
            public void onScrollStateChanged(AbsListView view, int scrollState) {
                switch (scrollState){

                    case AbsListView.OnScrollListener.SCROLL_STATE_IDLE:    //当中止滚动时

                        break;

                    case AbsListView.OnScrollListener.SCROLL_STATE_TOUCH_SCROLL:    //滚动时

                //没错，下面这一坨就是隐藏软键盘的代码
                 ((InputMethodManager)getSystemService(INPUT_METHOD_SERVICE)).hideSoftInputFromWindow(MainActivity.this.getCurrentFocus().getWindowToken(), InputMethodManager.HIDE_NOT_ALWAYS);

                        break;

                    case AbsListView.OnScrollListener.SCROLL_STATE_FLING:   //手指抬起，可是屏幕还在滚动状态

                        break;
                }
            }

好了，完美解决，看似很简单的问题有的时候确实出乎咱们的意料，不过，能解决他未尝不是一件颇有成就感的事呢！get

原始转载网址：http://blog.csdn.net/fan7983377/article/details/51516155