Android零基礎入門第67節：RecyclerView數據動態更新

列表的數據往往會跟隨業務邏輯不斷刷新，所呈現出來的數據需要動態更新，那麼RecyclerView是如何動態更新數據的呢？

之前在學習ListView的時候如果數據改變，需要調用notifyDataSetChanged()方法來刷新數據，而在RecyclerView中當數據改變時分別調用notifyItemChanged、notifyItemInserted和notifyItemRemoved方法來更新頁面數據。

接下來通過一個案例來學習如何動態更新數據，當單擊某個item時則在其下方插入一個item，如果長壓某個item時則刪除對應item。

繼續使用上期的案例，首先在RecyclerViewAdapter類中新增一個插入和刪除處理的公開方法，RecyclerViewAdapter類修改後的代碼如下：

package com.jinyu.cqkxzsxy.android.advancedviewsample.adapter;

import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import com.jinyu.cqkxzsxy.android.advancedviewsample.R;

import java.util.ArrayList;

/**
 * @創建者 鑫鱻
 * @描述 Android零基礎入門到精通系列教程
 * 首發微信公衆號分享達人秀（ShareExpert）
 */
public class RecyclerViewAdapter extends RecyclerView.Adapter<RecyclerViewAdapter.ViewHolder> {
    private ArrayList<String> mDatas = null;
    private LayoutInflater mInflater = null;
    private OnItemClickListener mOnItemClickListener = null;
    private OnItemLongClickListener mOnItemLongClickListener = null;

    public RecyclerViewAdapter2(Context context, ArrayList<String> datas) {
        this.mDatas = datas;
        this.mInflater = LayoutInflater.from(context);
    }

    // 創建新View，被LayoutManager所調用
    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = mInflater.inflate(R.layout.recyclerview_item, parent, false);
        ViewHolder vewHolder = new ViewHolder(view);
        return vewHolder;
    }

    // 將數據與界面進行綁定的操作
    @Override
    public void onBindViewHolder(final ViewHolder holder, final int position) {
        String name = mDatas.get(position);
        holder.titleTv.setText("Title " + name);
        holder.contenTv.setText("content " + name);

        // 點擊事件註冊及分發
        if(null != mOnItemClickListener) {
            holder.titleTv.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    mOnItemClickListener.onClick(holder.titleTv, position);
                }
            });
            holder.contenTv.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    mOnItemClickListener.onClick(holder.contenTv, position);
                }
            });
        }
        // 長按事件註冊及分發
        if(null != mOnItemLongClickListener) {
            holder.titleTv.setOnLongClickListener(new View.OnLongClickListener() {
                @Override
                public boolean onLongClick(View v) {
                    return mOnItemLongClickListener.onLongClick(holder.titleTv, position);
                }
            });
            holder.contenTv.setOnLongClickListener(new View.OnLongClickListener() {
                @Override
                public boolean onLongClick(View v) {
                    return mOnItemLongClickListener.onLongClick(holder.contenTv, position);
                }
            });
        }
    }

    // 獲取數據的數量
    @Override
    public int getItemCount() {
        return mDatas == null ? 0 : mDatas.size();
    }

    // 設置點擊事件
    public void setOnItemClickListener(OnItemClickListener l) {
        this.mOnItemClickListener = l;
    }

    // 設置長按事件
    public void setOnItemLongClickListener(OnItemLongClickListener l) {
        this.mOnItemLongClickListener = l;
    }

    // 在對應位置增加一個item
    public void addData(int position) {
        mDatas.add(position, "Insert " + position);
        notifyItemInserted(position);
    }

    // 刪除對應item
    public void removeData(int position) {
        mDatas.remove(position);
        notifyItemRemoved(position);
    }

    // 點擊事件接口
    public interface OnItemClickListener {
        void onClick(View parent, int position);
    }

    // 長按事件接口
    public interface OnItemLongClickListener {
        boolean onLongClick(View parent, int position);
    }

    // 自定義的ViewHolder，持有每個Item的的所有界面組件
    public class ViewHolder extends RecyclerView.ViewHolder {
        public TextView titleTv = null;
        public TextView contenTv = null;

        public ViewHolder(View itemView) {
            super(itemView);

            titleTv = (TextView) itemView.findViewById(R.id.title_tv);
            contenTv = (TextView) itemView.findViewById(R.id.content_tv);
        }
    }
}

然後在Activity中事件回調的時候進行插入和刪除處理，RecyclerViewActivity修改後的代碼如下：

package com.jinyu.cqkxzsxy.android.advancedviewsample;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.DefaultItemAnimator;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.View;

import com.jinyu.cqkxzsxy.android.advancedviewsample.adapter.RecyclerViewAdapter;
import com.jinyu.cqkxzsxy.android.advancedviewsample.view.RecyclerViewItemDivider;

import java.util.ArrayList;

/**
 * @創建者 鑫鱻
 * @描述 Android零基礎入門到精通系列教程，歡迎關注微信公衆號ShareExpert
 */
public class RecyclerViewActivity extends AppCompatActivity implements
        RecyclerViewAdapter.OnItemClickListener,
        RecyclerViewAdapter.OnItemLongClickListener {
    private RecyclerView mRecyclerView = null;
    private RecyclerViewAdapter mAdapter = null;
    private ArrayList<String> mDatas = null;
    
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.recyclerview_layout);

        // 獲取組件
        mRecyclerView = (RecyclerView) findViewById(R.id.recyclerview);

        // 設置管理器
        LinearLayoutManager layoutManager = new LinearLayoutManager(this);
        mRecyclerView.setLayoutManager(layoutManager);
        // 自定義分割線
        RecyclerView.ItemDecoration itemDecoration = new RecyclerViewItemDivider(this,
                R.drawable.recyclerview_item_divider);
        mRecyclerView.addItemDecoration(itemDecoration);
        // 如果可以確定每個item的高度是固定的，設置這個選項可以提高性能
        mRecyclerView.setHasFixedSize(true);

        // 初始化列表數據
        initDatas();

        // 設置適配器
        mAdapter = new RecyclerViewAdapter(this, mDatas);
        mAdapter.setOnItemClickListener(this);
        mAdapter.setOnItemLongClickListener(this);
        mRecyclerView.setAdapter(mAdapter);

        mRecyclerView.setItemAnimator(new DefaultItemAnimator());
    }

    private void initDatas() {
        mDatas = new ArrayList<>();

        for (int i = 0; i < 50; i++) {
            mDatas.add(i, i + 1 + "");
        }
    }

    @Override
    public void onClick(View parent, int position) {
        mAdapter.addData(position + 1);
        //Toast.makeText(this, "點擊了第" + (position + 1) + "項", Toast.LENGTH_SHORT).show();
    }

    @Override
    public boolean onLongClick(View parent, int position) {
        mAdapter.removeData(position);
        //Toast.makeText(this, "長壓了第" + (position + 1) + "項", Toast.LENGTH_SHORT).show();
        return true;
    }
}

其餘佈局文件代碼不變，重新運行程序，然後可以測試點擊事件和長壓事件，可以看到數據能夠插入和刪除，效果如下：

值得注意的是RecyclerView的添加刪除都是有默認的動畫效果的，如果沒有效果可以添加如下代碼： mRecyclerView.setItemAnimator(newDefaultItemAnimator());

不知道你是否發現，當我們插入數據或者刪除item的時候，item的位置並沒有發生改變或產生位置錯亂，需要重新調用notifyDataSetChanged方法，雖然問題得到了解決，但是又會產生新的問題，就是RecyclerView的動畫效果沒了，那應該如何操作呢？

其實RecyclerView還提供了幾個局部刷新的方法，只需要在刪除或插入數據的同時，再刷新改變位置item下方的所有Item的位置即可。修正後的局部代碼如下：

    // 在對應位置增加一個item
    public void addData(int position) {
        mDatas.add(position, "Insert " + position);
        notifyItemInserted(position);

        if(position != getItemCount()) {
            notifyItemRangeChanged(position, getItemCount());
        }
    }

    // 刪除對應item
    public void removeData(int position) {
        mDatas.remove(position);
        notifyItemRemoved(position);

        if(position != getItemCount()) {
            notifyItemRangeChanged(position, getItemCount());
        }
    }

再次運行程序，可以發現這一次的操作就已經OK了。