這是一篇Android RecyclerView使用介紹哦

本文RecyclerViewDemo

RecyclerView三種自帶布局

本文圖片接口來自干貨集中營http://gank.io/api

RecyclerView是support.v7包中的控件躯嫉，可以說是ListView和GridView的增強升級版癌压。

官方對RecyclerView的描述是（不翻譯不是因為我英語差啊屉符，真的）：

A flexible view for providing a limited window into a large data set.

RecyclerView從2014年發(fā)布到現(xiàn)在已經很長時間了硫兰，使用已經相當普遍。

本文主要介紹了RecyclerView的基礎使用、自動加載更多數(shù)據(jù)、item的拖拽和劃動刪除详恼。詳細效果和使用請看我的demo;

RecyclerView基礎用法##

RecyclerView的用法和ListView類似。我用網格布局為例引几，先上代碼再細說昧互。

首先在布局中要創(chuàng)建這個控件：

    <?xml version="1.0" encoding="utf-8"?>
 <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/grid_coordinatorLayout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
android:background="#ffffff"
tools:context="com.zcp.recyclerviewddmo.GridActivity">
<!--工具欄-->
<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/AppTheme.AppBarOverlay">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        />

</android.support.design.widget.AppBarLayout>
<!--下拉刷新控件-->
<android.support.v4.widget.SwipeRefreshLayout
    android:id="@+id/grid_swipe_refresh"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    >

    <!--本文主角-->
    <android.support.v7.widget.RecyclerView
        android:id="@+id/grid_recycler"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        />
</android.support.v4.widget.SwipeRefreshLayout>
</android.support.design.widget.CoordinatorLayout>

Activity的代碼如下：

public class GridActivity extends AppCompatActivity {

private static RecyclerView recyclerview;
private CoordinatorLayout coordinatorLayout;
private GridAdapter mAdapter;
private List<Meizi> meizis;
private GridLayoutManager mLayoutManager;
private int lastVisibleItem ;
private int page=1;
private ItemTouchHelper itemTouchHelper;
private SwipeRefreshLayout swipeRefreshLayout;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_grid);
    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);

    initView();//初始化布局
    setListener();//設置監(jiān)聽事件

    //執(zhí)行加載數(shù)據(jù)
    new GetData().execute("http://gank.io/api/data/福利/10/1");

}

private void initView(){
    coordinatorLayout=(CoordinatorLayout)findViewById(R.id.grid_coordinatorLayout);

    recyclerview=(RecyclerView)findViewById(R.id.grid_recycler);
    mLayoutManager=new GridLayoutManager(GridActivity.this,3,GridLayoutManager.VERTICAL,false);//設置為一個3列的縱向網格布局
    recyclerview.setLayoutManager(mLayoutManager);

    swipeRefreshLayout=(SwipeRefreshLayout) findViewById(R.id.grid_swipe_refresh) ;
    //調整SwipeRefreshLayout的位置
    swipeRefreshLayout.setProgressViewOffset(false, 0,  (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 24, getResources().getDisplayMetrics()));
}

private void setListener(){
    //swipeRefreshLayout刷新監(jiān)聽
    swipeRefreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
        @Override
        public void onRefresh() {
            page=1;
            new GetData().execute("http://gank.io/api/data/福利/10/1");
        }
    });
    }


private class GetData extends AsyncTask<String, Integer, String> {

    @Override
    protected void onPreExecute() {
        super.onPreExecute();
        //設置swipeRefreshLayout為刷新狀態(tài)
        swipeRefreshLayout.setRefreshing(true);
    }

    @Override
    protected String doInBackground(String... params) {

        return MyOkhttp.get(params[0]);
    }

    protected void onPostExecute(String result) {
        super.onPostExecute(result);
        if(!TextUtils.isEmpty(result)){

            JSONObject jsonObject;
            Gson gson=new Gson();
            String jsonData=null;

            try {
                jsonObject = new JSONObject(result);
                jsonData = jsonObject.getString("results");
            } catch (JSONException e) {
                e.printStackTrace();
            }
            if(meizis==null||meizis.size()==0){
                meizis= gson.fromJson(jsonData, new TypeToken<List<Meizi>>() {}.getType());

                Meizi pages=new Meizi();
                pages.setPage(page);
                meizis.add(pages);//在數(shù)據(jù)鏈表中加入一個用于顯示頁數(shù)的item
            }else{
                List<Meizi>  more= gson.fromJson(jsonData, new TypeToken<List<Meizi>>() {}.getType());
                meizis.addAll(more);

                Meizi pages=new Meizi();
                pages.setPage(page);
                meizis.add(pages);//在數(shù)據(jù)鏈表中加入一個用于顯示頁數(shù)的item
            }

            if(mAdapter==null){
                recyclerview.setAdapter(mAdapter = new GridAdapter(GridActivity.this,meizis));//recyclerview設置適配器

                //實現(xiàn)適配器自定義的點擊監(jiān)聽
                mAdapter.setOnItemClickListener(new GridAdapter.OnRecyclerViewItemClickListener() {
                    @Override
                    public void onItemClick(View view) {
                        int position=recyclerview.getChildAdapterPosition(view);
                        SnackbarUtil.ShortSnackbar(coordinatorLayout,"點擊第"+position+"個",SnackbarUtil.Info).show();
                       //彩色Snackbar工具類，請看我之前的文章《沒時間解釋了伟桅，快使用Snackbar!——Android Snackbar花式使用指南》http://www.reibang.com/p/cd1e80e64311
                    }
                    @Override
                    public void onItemLongClick(View view) {
                       
                    }
                });       
            }else{
                //讓適配器刷新數(shù)據(jù)
                mAdapter.notifyDataSetChanged();
            }
        }
        //停止swipeRefreshLayout加載動畫
        swipeRefreshLayout.setRefreshing(false);
    }
}
}

接下來我們看RecyclerView的適配器：

public  class GridAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> implements View.OnClickListener, View.OnLongClickListener {

private Context mContext;
private List<Meizi> datas;//數(shù)據(jù)

//自定義監(jiān)聽事件
public static interface OnRecyclerViewItemClickListener {
    void onItemClick(View view);
    void onItemLongClick(View view);
}
private OnRecyclerViewItemClickListener mOnItemClickListener = null;
public void setOnItemClickListener(OnRecyclerViewItemClickListener listener) {
    mOnItemClickListener = listener;
}

//適配器初始化
public GridAdapter(Context context,List<Meizi> datas) {
    mContext=context;
    this.datas=datas;
}

@Override
public int getItemViewType(int position) {
    //判斷item類別敞掘，是圖還是顯示頁數(shù)（圖片有URL）
    if (!TextUtils.isEmpty(datas.get(position).getUrl())) {
        return 0;
    } else {
        return 1;
    }
}

@Override
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType)
{
    //根據(jù)item類別加載不同ViewHolder
    if(viewType==0){
        View view = LayoutInflater.from(mContext
                ).inflate(R.layout.grid_meizi_item, parent,
                false);//這個布局就是一個imageview用來顯示圖片
        MyViewHolder holder = new MyViewHolder(view);

       //給布局設置點擊和長點擊監(jiān)聽
        view.setOnClickListener(this);
        view.setOnLongClickListener(this);

        return holder;
    }else{
        MyViewHolder2 holder2=new MyViewHolder2(LayoutInflater.from(
                mContext).inflate(R.layout.page_item, parent,
                false));//這個布局就是一個textview用來顯示頁數(shù)
        return holder2;
    }

}

@Override
public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
 //將數(shù)據(jù)與item視圖進行綁定，如果是MyViewHolder就加載網絡圖片贿讹，如果是MyViewHolder2就顯示頁數(shù)
    if(holder instanceof MyViewHolder){
        Picasso.with(mContext).load(datas.get(position).getUrl()).into(((MyViewHolder) holder).iv);//加載網絡圖片
    }else if(holder instanceof MyViewHolder2){
        ((MyViewHolder2) holder).tv.setText(datas.get(position).getPage()+"頁");
    }

}

@Override
public int getItemCount()
{
    return datas.size();//獲取數(shù)據(jù)的個數(shù)
}

//點擊事件回調
@Override
public void onClick(View v) {
    if (mOnItemClickListener != null) {
        mOnItemClickListener.onItemClick(v);
    }
}
@Override
public boolean onLongClick(View v) {
    if (mOnItemClickListener!= null) {
      mOnItemClickListener.onItemLongClick(v);
   }
    return false;
}

//自定義ViewHolder渐逃，用于加載圖片
class MyViewHolder extends RecyclerView.ViewHolder
{
    private ImageButton iv;

    public MyViewHolder(View view)
    {
        super(view);
        iv = (ImageButton) view.findViewById(R.id.iv);
    }
}
//自定義ViewHolder，用于顯示頁數(shù)
class MyViewHolder2 extends RecyclerView.ViewHolder
{
    private TextView tv;

    public MyViewHolder2(View view)
    {
        super(view);
        tv = (TextView) view.findViewById(R.id.tv);
    }
}

    //添加一個item
    public void addItem(Meizi meizi, int position) {
        meizis.add(position, meizi);
        notifyItemInserted(position);
        recyclerview.scrollToPosition(position);//recyclerview滾動到新加item處
    }

    //刪除一個item
    public void removeItem(final int position) {
        meizis.remove(position);
        notifyItemRemoved(position);
    }
}

數(shù)據(jù)類：

 public class Meizi {

private String url;//圖片地址
private int page;//頁數(shù)

public String getUrl() {
    return url;
}

public void setUrl(String url) {
    this.url = url;
}

public int getPage() {
    return page;
}

public void setPage(int page) {
    this.page = page;
}  
}

RecyclerView的使用和ListView很像吧民褂。

RecyclerView需要通過setLayoutManager()方法設置布局管理器，RecyclerView有三個默認布局管理器LinearLayoutManager疯潭、GridLayoutManager赊堪、StaggeredGridLayoutManager，都支持橫向和縱向排列以及反向滑動竖哩。如果想把RecyclerView改為橫向滑動哭廉，也可以通過調用

mLayoutManager.setOrientation(GridLayoutManager.HORIZONTAL);

RecyclerView不像ListView一樣提供item的點擊監(jiān)聽，所以我們只能自己實現(xiàn)相叁。RecyclerView的item點擊事件監(jiān)聽可以向我本文中為item的view設置監(jiān)聽遵绰，也可以在recyclerView.addOnItemTouchListener里去判斷手勢來實現(xiàn)。

通過調用如下方法可以設置item加載或移除時的動畫

recyclerView.setItemAnimator(new DefaultItemAnimator());

更多的動畫效果可以看別人寫的RecyclerViewItemAnimators 這個項目增淹。

自動加載更多##

要想實現(xiàn)滑動到列表某處時自動加載下一頁（比如剩最后兩個item時）椿访，可以通過對RecyclerView設置滑動監(jiān)聽，獲取當前顯示的最后一個item在適配器中的位置虑润，如果該item的位置小于或等于適配器item總個數(shù)減2成玫，就加載下一頁數(shù)據(jù)。
GridLayoutManager和LinearLayoutManager時方法如下：

  //recyclerview滾動監(jiān)聽
    recyclerview.addOnScrollListener(new RecyclerView.OnScrollListener() {
        @Override
        public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
            super.onScrollStateChanged(recyclerView, newState);
            //0：當前屏幕停止?jié)L動；1時：屏幕在滾動 且 用戶仍在觸碰或手指還在屏幕上哭当；2時：隨用戶的操作猪腕，屏幕上產生的慣性滑動；
            // 滑動狀態(tài)停止并且剩余少于兩個item時钦勘，自動加載下一頁
            if (newState == RecyclerView.SCROLL_STATE_IDLE
                    && lastVisibleItem +2>=mLayoutManager.getItemCount()) {
                new GetData().execute("http://gank.io/api/data/福利/10/"+(++page));
            }
        }

        @Override
        public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
            super.onScrolled(recyclerView, dx, dy);
            //獲取加載的最后一個可見視圖在適配器的位置陋葡。
            lastVisibleItem = mLayoutManager.findLastVisibleItemPosition();
        }
    });

StaggeredGridLayoutManager因為item的位置是交錯的，findLastVisibleItemPosition()方法返回的是一個數(shù)組彻采，所以我們得先判斷下這個數(shù)組的最大值腐缤，上面的onScrolled方法寫成這樣

    int[] positions= mLayoutManager.findLastVisibleItemPositions(null);
    lastVisibleItem =Math.max(positions[0],positions[1]);//根據(jù)StaggeredGridLayoutManager設置的列數(shù)來定

自動加載下一頁.gif

XRecyclerView是別人寫的一個庫，實現(xiàn)了RecyclerView的下拉頭和底部加載布局颊亮，需要的可以看下柴梆。

Item拖拽和滑動刪除##

ItemTouchHelper是一個處理RecyclerView的滑動刪除和拖拽的輔助類，RecyclerView 的item拖拽移動和滑動刪除就靠它來實現(xiàn)终惑。

ItemTouchHelper的監(jiān)聽如下

    itemTouchHelper=new ItemTouchHelper(new ItemTouchHelper.Callback() {

        //用于設置拖拽和滑動的方向
        @Override
        public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
            int dragFlags=0,swipeFlags=0;
            if(recyclerView.getLayoutManager() instanceof StaggeredGridLayoutManager||recyclerView.getLayoutManager() instanceof GridLayoutManager){
               //網格式布局有4個方向
               dragFlags=ItemTouchHelper.UP|ItemTouchHelper.DOWN|ItemTouchHelper.LEFT|ItemTouchHelper.RIGHT;
            }else if(recyclerView.getLayoutManager() instanceof LinearLayoutManager){
               //線性式布局有2個方向
               dragFlags=ItemTouchHelper.UP|ItemTouchHelper.DOWN;
               
               swipeFlags = ItemTouchHelper.START|ItemTouchHelper.END; //設置側滑方向為從兩個方向都可以
            }
            return makeMovementFlags(dragFlags,swipeFlags);//swipeFlags 為0的話item不滑動
        }

        //長摁item拖拽時會回調這個方法
        @Override
        public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {
            int from=viewHolder.getAdapterPosition();
            int to=target.getAdapterPosition();

            Meizi moveItem=meizis.get(from);
            meizis.remove(from);
            meizis.add(to,moveItem);//交換數(shù)據(jù)鏈表中數(shù)據(jù)的位置

            mAdapter.notifyItemMoved(from,to);//更新適配器中item的位置
            return true;
        }

        @Override
        public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {
        //這里處理滑動刪除
        }

        @Override
        public boolean isLongPressDragEnabled() {
            return false;//返回true則為所有item都設置可以拖拽
        }
    });

itemTouchHelper需要與recyclerView綁定才有效果绍在，在recyclerView初始化的時候調用

     itemTouchHelper.attachToRecyclerView(recyclerview);

因為我想要網格布局中的圖片item可拖拽，而頁數(shù)item不可拖拽雹有，所以我isLongPressDragEnabled()方法返回的false偿渡，而在item的長點擊事件監(jiān)聽中做具體處理。

       mAdapter.setOnItemClickListener(new GridAdapter.OnRecyclerViewItemClickListener() {
       @Override
       public void onItemClick(View view) {
       }

        @Override
        public void onItemLongClick(View view) {
              itemTouchHelper.startDrag(recyclerview.getChildViewHolder(view));//設置拖拽item
           }
       });

如果你想為item設置拖拽和滑動時的響應動畫效果霸奕，可以利用ItemTouchHelper的下面三個方法溜宽。用線性布局示例：

//當item拖拽開始時調用
@Override
public void onSelectedChanged(RecyclerView.ViewHolder viewHolder, int actionState) {
super.onSelectedChanged(viewHolder, actionState);
 if(actionState==ItemTouchHelper.ACTION_STATE_DRAG){
       viewHolder.itemView.setBackgroundColor(Color.LTGRAY);//拖拽時設置背景色為灰色
    }
}

//當item拖拽完成時調用
@Override
public void clearView(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
super.clearView(recyclerView, viewHolder);
 viewHolder.itemView.setBackgroundColor(Color.WHITE);//拖拽停止時設置背景色為白色
}

 //當item視圖變化時調用
 @Override
 public void onChildDraw(Canvas c, RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, float dX, float dY, int actionState, boolean isCurrentlyActive) {
 super.onChildDraw(c, recyclerView, viewHolder, dX, dY, actionState, isCurrentlyActive);
  //根據(jù)item滑動偏移的值修改item透明度。screenwidth是我提前獲得的屏幕寬度
  viewHolder.itemView.setAlpha(1-Math.abs(dX)/screenwidth);
 }

拖拽和滑動刪除.gif

本文RecyclerViewDemo

本文送給說“三百六十行质帅，行行出碼農”适揉，然后來跟我搶飯碗的兩位兄弟。

我知道你們都喜歡看妹子 →_→...

大家覺得本文還行的話請點個贊n(≧▽≦)n

最后編輯于：2017.12.03 06:54:37

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者

人面猴
序言：七十年代末煤惩，一起剝皮案震驚了整個濱河市嫉嘀，隨后出現(xiàn)的幾起案子，更是在濱河造成了極大的恐慌魄揉，老刑警劉巖剪侮，帶你破解...
沈念sama閱讀 206,839評論 6贊 482
死咒
序言：濱河連續(xù)發(fā)生了三起死亡事件，死亡現(xiàn)場離奇詭異洛退，居然都是意外死亡瓣俯，警方通過查閱死者的電腦和手機，發(fā)現(xiàn)死者居然都...
沈念sama閱讀 88,543評論 2贊 382
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進店門兵怯，熙熙樓的掌柜王于貴愁眉苦臉地迎上來彩匕，“玉大人，你說我怎么就攤上這事摇零⊥频В” “怎么了桶蝎？”我有些...
開封第一講書人閱讀 153,116評論 0贊 344
道士緝兇錄：失蹤的賣姜人
文/不壞的土叔我叫張陵，是天一觀的道長谅畅。經常有香客問我登渣，道長，這世上最難降的妖魔是什么毡泻？我笑而不...
開封第一講書人閱讀 55,371評論 1贊 279
?港島之戀（遺憾婚禮）
正文為了忘掉前任胜茧，我火速辦了婚禮，結果婚禮上仇味，老公的妹妹穿的比我還像新娘呻顽。我一直安慰自己，他們只是感情好丹墨，可當我...
茶點故事閱讀 64,384評論 5贊 374
惡毒庶女頂嫁案：這布局不是一般人想出來的
文/花漫我一把揭開白布廊遍。她就那樣靜靜地躺著，像睡著了一般贩挣。火紅的嫁衣襯著肌膚如雪喉前。梳的紋絲不亂的頭發(fā)上，一...
開封第一講書人閱讀 49,111評論 1贊 285
城市分裂傳說
那天王财，我揣著相機與錄音卵迂，去河邊找鬼。笑死绒净，一個胖子當著我的面吹牛见咒，可吹牛的內容都是我干的。我是一名探鬼主播挂疆，決...
沈念sama閱讀 38,416評論 3贊 400
雙鴛鴦連環(huán)套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開眼改览，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了缤言？” 一聲冷哼從身側響起恃疯，我...
開封第一講書人閱讀 37,053評論 0贊 259
萬榮殺人案實錄
序言：老撾萬榮一對情侶失蹤，失蹤者是張志新（化名）和其女友劉穎墨闲，沒想到半個月后，有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體郑口，經...
沈念sama閱讀 43,558評論 1贊 300
?護林員之死
正文獨居荒郊野嶺守林人離奇死亡鸳碧，尸身上長有42處帶血的膿包…… 初始之章·張勛以下內容為張勛視角年9月15日...
茶點故事閱讀 36,007評論 2贊 325
?白月光啟示錄
正文我和宋清朗相戀三年，在試婚紗的時候發(fā)現(xiàn)自己被綠了犬性。大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片瞻离。...
茶點故事閱讀 38,117評論 1贊 334
活死人
序言：一個原本活蹦亂跳的男人離奇死亡，死狀恐怖乒裆，靈堂內的尸體忽然破棺而出套利，到底是詐尸還是另有隱情，我是刑警寧澤，帶...
沈念sama閱讀 33,756評論 4贊 324
?日本核電站爆炸內幕
正文年R本政府宣布肉迫，位于F島的核電站验辞，受9級特大地震影響，放射性物質發(fā)生泄漏喊衫。R本人自食惡果不足惜跌造，卻給世界環(huán)境...
茶點故事閱讀 39,324評論 3贊 307
男人毒藥：我在死后第九天來索命
文/蒙蒙一、第九天我趴在偏房一處隱蔽的房頂上張望族购。院中可真熱鬧壳贪，春花似錦、人聲如沸寝杖。這莊子的主人今日做“春日...
開封第一講書人閱讀 30,315評論 0贊 19
一樁弒父案，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽瑟幕。三九已至磕蒲，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間收苏，已是汗流浹背亿卤。一陣腳步聲響...
開封第一講書人閱讀 31,539評論 1贊 262
情欲美人皮
我被黑心中介騙來泰國打工，沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留鹿霸，地道東北人排吴。一個月前我還...
沈念sama閱讀 45,578評論 2贊 355
代替公主和親
正文我出身青樓，卻偏偏與公主長得像懦鼠，于是被迫代替她去往敵國和親钻哩。傳聞我的和親對象是個殘疾皇子，可洞房花燭夜當晚...
茶點故事閱讀 42,877評論 2贊 345

這是一篇Android RecyclerView使用介紹哦

RecyclerView基礎用法##

自動加載更多##

Item拖拽和滑動刪除##

推薦閱讀更多精彩內容