• Android RecyclerView嵌套EditView实时更新Item数据


    一、场景(例如:购物车)

    1、当我们需要以列表样式管理某些数据时,可能需要列表项的某个字段可编辑

    2、编辑Item上的某个字段后可能还要更新相关字段的值

    二、可能遇到的问题

    1、列表滑动导致输入框中的数据错位(或者焦点错位)

    2、无法更新Item上相关的字段项的值

    3、监听输入框文本更改时陷入死循环

    三、可行方案(RecyclerView+TextWatcher

           1、用RecyclerView 实现一个ListView的效果:

    package com.zhn.edit.recycler;
    
    import android.os.Bundle;
    import android.support.design.widget.FloatingActionButton;
    import android.support.design.widget.Snackbar;
    import android.support.v7.app.AppCompatActivity;
    import android.support.v7.widget.LinearLayoutManager;
    import android.support.v7.widget.RecyclerView;
    import android.support.v7.widget.Toolbar;
    import android.util.Log;
    import android.view.View;
    import android.view.Menu;
    import android.view.MenuItem;
    
    import java.util.ArrayList;
    import java.util.List;
    
    public class MainActivity extends AppCompatActivity implements View.OnClickListener,
            EditAbleListAdapter.EditAbleListAdapterListener{
    
        private FloatingActionButton mFLoatingBtnEmail;
    
        private RecyclerView mRecyclerEditAble;
        private LinearLayoutManager mEditAbleLayoutManager;
        private EditAbleListAdapter mEditAbleListAdapter;
        private List<datagoods> mDataGoods=new ArrayList<datagoods>();
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
            mFLoatingBtnEmail = (FloatingActionButton) findViewById(R.id.floating_btn_email);
            mFLoatingBtnEmail.setOnClickListener(this);
    
    
            mRecyclerEditAble= (RecyclerView) findViewById(R.id.recycler_editable);
    
            initData();
    
        }
    
        private void initData() {
            mEditAbleLayoutManager=new LinearLayoutManager(this,LinearLayoutManager.VERTICAL,false);
            mRecyclerEditAble.setLayoutManager(mEditAbleLayoutManager);
            mEditAbleListAdapter=new EditAbleListAdapter(this,this);
            mRecyclerEditAble.setAdapter(mEditAbleListAdapter);
    
    
            for (int i=1;i<11;i++){
                mDataGoods.add(new DataGoods("Goods"+i,i,i,i*i));
            }
    
            mEditAbleListAdapter.refreshDatas(mDataGoods);
        }
    
        @Override
        public void onClick(View v) {
            switch (v.getId()) {
                case R.id.floating_btn_email:
                    for (int i=0;i<mdatagoods.size();i++){ 
                log.e(mainactivity.class.getsimplename(),mdatagoods.get(i).tostring());="" }="" break;="" default:="" @override="" public="" void="" onedittextchanged(int="" position,="" string="" value)="" {="" todo="" 此处或者回调前应做值合法性验证="" mdatagoods.get(position).setnum(integer.parseint(value));="" <="" pre=""></mdatagoods.size();i++){></datagoods></datagoods>

           2、在Adapter中自定义一个Interface 用来将输入的值回传给Activity

           3、定义TxtWatcher 接收position和要同步更新的文本框

           4、给EditText添加焦点变化的监听器,根据焦点状态绑定和解绑TxtWatcher

    package com.zhn.edit.recycler;
    
    import android.content.Context;
    import android.support.v7.widget.RecyclerView;
    import android.text.Editable;
    import android.text.TextWatcher;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.ViewGroup;
    import android.widget.EditText;
    import android.widget.TextView;
    
    import java.util.ArrayList;
    import java.util.List;
    
    /**
     * Created by zhn
     * 2017/7/9 下午4:20
     */
    public class EditAbleListAdapter extends RecyclerView.Adapter{
    
        public void refreshDatas(List<datagoods> mDataGoods) {
            mDatas.clear();
            mDatas.addAll(mDataGoods);
            notifyDataSetChanged();
        }
    
    
        public interface EditAbleListAdapterListener{
            public void onEditTextChanged(int position,String value);
        }
    
        private Context mContext;
        private List<datagoods> mDatas=new ArrayList<datagoods>();
    
        private EditAbleListAdapterListener mListener;
        public EditAbleListAdapter(Context context,EditAbleListAdapterListener listener){
            this.mContext=context;
            this.mListener=listener;
        }
    
        @Override
        public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
            return new EditAbleListViewHolder(LayoutInflater.from(mContext).inflate(R.layout.item_editable_view,null));
        }
    
        @Override
        public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
            ((EditAbleListViewHolder)holder).setContent(position,mDatas.get(position));
    
        }
    
        @Override
        public int getItemCount() {
            return mDatas.size();
        }
    
        public class EditAbleListViewHolder extends RecyclerView.ViewHolder{
    
            private TextView mTvItemNo;
            private TextView mTvGoodsName;
            private TextView mTvPrice;
            private EditText mEtNum;
            private TextView mTvTotalPrice;
    
            private TxtWatcher mTxtWatcher;
    
            public EditAbleListViewHolder(View itemView) {
                super(itemView);
    
                mTvItemNo= (TextView) itemView.findViewById(R.id.tv_item_no);
                mTvGoodsName= (TextView) itemView.findViewById(R.id.tv_goods_name);
                mTvPrice= (TextView) itemView.findViewById(R.id.tv_price);
                mEtNum= (EditText) itemView.findViewById(R.id.et_num);
                mTvTotalPrice= (TextView) itemView.findViewById(R.id.tv_total_price);
    
                mTxtWatcher=new TxtWatcher();
            }
    
            public void setContent(int position,DataGoods data){
    
                mTvItemNo.setText(String.valueOf(position+1));
                mTvGoodsName.setText(data.getGoodsName());
                mTvPrice.setText(String.valueOf(data.getPrice()));
                mEtNum.setText(String.valueOf(data.getNum()));
                mTvTotalPrice.setText(String.valueOf(data.getTotalPrice()));
    
                mTxtWatcher.buildWatcher(position,mTvTotalPrice);
    
                mEtNum.setOnFocusChangeListener(new View.OnFocusChangeListener() {
                    @Override
                    public void onFocusChange(View v, boolean hasFocus) {
                        if(hasFocus){
                            mEtNum.addTextChangedListener(mTxtWatcher);
                        }else{
                            mEtNum.removeTextChangedListener(mTxtWatcher);
                        }
                    }
                });
            }
    
        }
    
    
        public class TxtWatcher implements TextWatcher{
    
            private int mPosition;
            private TextView mTvTotalPrice;
    
            public void buildWatcher(int position,TextView view){
                this.mPosition=position;
                this.mTvTotalPrice=view;
            }
    
            @Override
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {
    
            }
    
            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count) {
                if(s.length()>0){
                    if(mListener!=null){
                        mListener.onEditTextChanged(mPosition,s.toString());
                        mTvTotalPrice.setText(String.valueOf(mDatas.get(mPosition).getPrice()*Double.parseDouble(s.toString())));
                    }
                }else{
                    if(mListener!=null){
                        mListener.onEditTextChanged(mPosition,"0");
                        mTvTotalPrice.setText("0");
                    }
                }
            }
    
            @Override
            public void afterTextChanged(Editable s) {
    
            }
        }
    
    
    
    }
    

    四、选择RecyclerView而不是ListView的原因

            RecyclerView 在滑动的时候会使EditText失去焦点,这样可以触发OnFocusChangeListener,这样可以更准确的绑定和解绑TxtWatcher。为什么要解绑TxtWatcher?因为在RecyclerView刷新的时候会重复触发TextWatcher导致很多次无用的回调(甚至死循环)。

            ListView在滑动的时候不会使EditText失去焦点,导致了滑动时输入框焦点错位,并且因为输入框是复用的所以导致TextWatcher重复触发很多次(可能是死循环)。

    五、注意在布局中设置列表是尽量降低RecyclerView布局重绘的可能性(例如:固定大小等等)

  • 相关阅读:
    数组排序去重
    js打印页面添加分页
    使用navicate可视化工具连接mysql数据库错误
    php_smarty模板引擎与.NET_VTemplate模板引擎对比
    JoshChen判断是否微信内置浏览器访问【转载】
    JoshChen毕业设计分享之班级网站-ASP.NET
    JoshChen防止前台恶意修改数据
    JoshChen安卓开发学习,从零开始(2)
    JoshChen安卓开发学习,从零开始(1)
    JoshChen模式笔记之php单例模式
  • 原文地址:https://www.cnblogs.com/zhujiabin/p/8176915.html
Copyright © 2020-2023  润新知