【Android-RecyclerView】瀑布流实现

原文地址： http://blog.csdn.net/louis_scl/article/details/43965833

Android 5.0 开始引入了 RecyclerView。
RecyclerView组件 是一个实现列表的组件，可以实现原来的 ListView， GridView，性能更好。

RecyclerView的使用

和ListView一样，使用RecyclerView需要提供一个Adapter。不一样的是还需要提供一个Layout Manager。

Adapter： 

继承  RecyclerView.Adapter<VH extends RecyclerView.ViewHolder>

[java] view
plaincopy

public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> {  

        private String[] dataSet;  

        public MyAdapter(String[] dataSet) {  

            this.dataSet = dataSet;  

        }  

  

        public class ViewHolder extends RecyclerView.ViewHolder {  

            private TextView textview;  

  

            public ViewHolder(View itemView) {  

                super(itemView);  

                this.textview = (TextView) itemView.findViewById(R.id.text);  

            }  

        }  

  

        @Override  

        public int getItemCount() {  

            return dataSet.length;  

        }  

  

        @Override  

        public void onBindViewHolder(ViewHolder vh, int position) {//用户刷新views  

            vh.textview.setText(dataSet[position]);  

        }  

  

        @Override  

        public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {//用于创建的新views  

            View v = LayoutInflater.from(parent.getContext()).inflate(R.layout.griditem_layout,  

                    parent, false);  

            ViewHolder vh = new ViewHolder(v);  

            return vh;  

        }  

    }  

以前用ListView或者GridView的时候进场会用到 ViewHolder来简化对itemView的操作，现在Google直接把ViewHolder集成到了Adapter中，方便了很多。

新的Adapter中多了两个方法：

[java] view
plaincopy

<pre name="code" class="java">onCreateViewHolder(ViewGroup parent, int viewType)  

[java] view
plaincopy

onBindViewHolder(ViewHolder vh, int position)  

其实这两个方法实现了原来Adapter中的getView(int position, View convertView, ViewGroup parent) 方法。

原来是需要判断convertView是否已经创建，没有创建就先创建，创建了的就直接更新界面。

而现在把这些逻辑判断都封装到了layout manager中。只需要实现onCreateViewHolder来实现itemView的创建，onBindViewHolder来实现itemView的更新。

LayoutManager:

LayoutManager的作用：

1、控制itemView在RecyclerView中的布局样式（如ListView样式还是GridView样式）

2、判断何时创建itemView，何时复用itemView

3、调用Adapter创建或者复用itemView 即：onCreateViewHolder和onBindViewHolder

目前提供三种LayoutManager:

1、LinearLayoutManager：实现ListView效果

2、GridLayoutManager：实现GridView效果

3、StaggeredGridLayoutManager：实现瀑布流效果。

也可以通过继承RecyclerView.LayoutManager来自定义一个LayoutManager来实现自己想要的效果。

这里主要来介绍一下，用RecyclerView来时实现瀑布流的做法。

首先是要引入 android support 库 

eclipse：

Android Studio:

在你的app module中的build.gradle的dependencies中添加

[html] view
plaincopy

compile 'com.android.support:appcompat-v7:21.0.3'  

compile 'com.android.support:recyclerview-v7:21.0.+'  

代码实现：

主Activity布局文件：activity_main.xml：

[html] view
plaincopy

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  

    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"  

    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"  

    android:paddingRight="@dimen/activity_horizontal_margin"  

    android:paddingTop="@dimen/activity_vertical_margin"  

    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">  

  

  

    <android.support.v7.widget.RecyclerView  

        android:id="@+id/recyclerview"  

        android:layout_width="match_parent"  

        android:layout_height="match_parent"/>  

  

</RelativeLayout><strong>  

</strong>  

itemView的布局文件：griditem_layout.xml

[html] view
plaincopy

<?xml version="1.0" encoding="utf-8"?>  

  

<RelativeLayout  

    android:id="@+id/layout"  

    android:layout_width="match_parent"  

    android:layout_height="wrap_content"  

    android:padding="16dp"  

    xmlns:android="http://schemas.android.com/apk/res/android">  

  

    <TextView xmlns:android="http://schemas.android.com/apk/res/android"  

        android:id="@+id/text"  

        android:layout_width="match_parent"  

        android:layout_height="wrap_content" />  

</RelativeLayout>  

MainActivity.java:

[html] view
plaincopy

package com.louisscl.recyclerveiwdemo;  

  

import android.graphics.Color;  

import android.graphics.Rect;  

import android.os.Bundle;  

import android.support.v7.app.ActionBarActivity;  

import android.support.v7.widget.RecyclerView;  

import android.support.v7.widget.StaggeredGridLayoutManager;  

import android.view.LayoutInflater;  

import android.view.Menu;  

import android.view.MenuItem;  

import android.view.View;  

import android.view.ViewGroup;  

import android.widget.BaseAdapter;  

import android.widget.RelativeLayout;  

import android.widget.TextView;  

  

public class MainActivity extends ActionBarActivity {  

  

    private RecyclerView recyclerView;  

    private StaggeredGridLayoutManager staggeredGridLayoutManager;  

    private MyAdapter adapter;  

    private String[] dataSet = {//数据源  

            "1111111111111111111111111111111111111111111111"  

            , "222222"  

            , "33333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333"  

            , "444444444444444444444444444444444"  

            , "55555555555555555"  

            , "666666666666666666666666666666666666666666666666666666666666666666666"  

            , "7777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777"  

            , "1111111111111111111111111111111111111111111111"  

            , "222222"  

            , "33333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333"  

            , "444444444444444444444444444444444"  

            , "55555555555555555"  

            , "666666666666666666666666666666666666666666666666666666666666666666666"  

            , "7777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777"  

            , "1111111111111111111111111111111111111111111111"  

            , "222222"  

            , "33333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333"  

            , "444444444444444444444444444444444"  

            , "55555555555555555"  

            , "666666666666666666666666666666666666666666666666666666666666666666666"  

            , "7777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777"};  

  

    @Override  

    protected void onCreate(Bundle savedInstanceState) {  

        super.onCreate(savedInstanceState);  

        setContentView(R.layout.activity_main);  

        recyclerView = (RecyclerView) findViewById(R.id.recyclerview);  

        staggeredGridLayoutManager = new StaggeredGridLayoutManager(2,  

                StaggeredGridLayoutManager.VERTICAL);  

        recyclerView.setLayoutManager(staggeredGridLayoutManager);  

        recyclerView.addItemDecoration(new SpaceItemDecoration(20)); //设置间隔  

        adapter = new MyAdapter(dataSet);  

        recyclerView.setAdapter(adapter);  

    }  

  

    @Override  

    public boolean onCreateOptionsMenu(Menu menu) {  

        getMenuInflater().inflate(R.menu.menu_main, menu);  

        return true;  

    }  

  

    @Override  

    public boolean onOptionsItemSelected(MenuItem item) {  

        // Handle action bar item clicks here. The action bar will  

        // automatically handle clicks on the Home/Up button, so long  

        // as you specify a parent activity in AndroidManifest.xml.  

        int id = item.getItemId();  

        if (id == R.id.action_settings) {  

            return true;  

        }  

        return super.onOptionsItemSelected(item);  

    }  

  

  

    public class SpaceItemDecoration extends RecyclerView.ItemDecoration {  

        private int space;  

        public SpaceItemDecoration(int space) {  

            this.space = space;  

        }  

  

        @Override  

        public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {  

            outRect.left = space;  

            outRect.right = space;  

            outRect.bottom = space;  

            if (parent.getChildPosition(view) == 0) {  

                outRect.top = space;  

            }  

        }  

    }  

  

    public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> {  

        private String[] dataSet;  

        public MyAdapter(String[] dataSet) {  

            this.dataSet = dataSet;  

        }  

  

        public class ViewHolder extends RecyclerView.ViewHolder {  

            private TextView textview;  

            private RelativeLayout relativeLayout;  

  

            public ViewHolder(View itemView) {  

                super(itemView);  

                this.textview = (TextView) itemView.findViewById(R.id.text);  

                this.relativeLayout = (RelativeLayout) itemView.findViewById(R.id.layout);  

            }  

        }  

  

        @Override  

        public int getItemCount() {  

            return dataSet.length;  

        }  

  

        @Override  

        public void onBindViewHolder(ViewHolder vh, int position) {  

            vh.textview.setText(dataSet[position]);  

            vh.relativeLayout.setBackgroundColor(position % 2 == 0 ? Color.CYAN : Color.YELLOW);  

        }  

  

        @Override  

        public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {  

            View v = LayoutInflater.from(parent.getContext()).inflate(R.layout.griditem_layout,  

                    parent, false);  

            ViewHolder vh = new ViewHolder(v);  

            return vh;  

        }  

    }  

}  

效果图：