Android RecyclerView瀑布流

   RecyclerView相信大家都有一定了解,通过导入support-v7进行使用,提供了一种插拔式的体验，高度的解耦，异常的灵活，通过设置它提供的不同LayoutManager，ItemDecoration , ItemAnimator实现一些非常炫效果。

今天就来写一个RecyclerView的瀑布流,供大家点评;

首先导入依赖:

compile 'com.android.support:recyclerview-v7:26.0.0-alpha1'

我这里用的此版本

MainActivity:

import android.os.Bundle;import android.support.v7.app.AppCompatActivity;import android.support.v7.widget.RecyclerView;import android.support.v7.widget.StaggeredGridLayoutManager;import android.util.Log;import java.util.ArrayList;import java.util.List;import java.util.Random;public class MainActivity extends AppCompatActivity {    //获取的json数据中的数据集合    private List<TestBean.DataBean.WallpaperListInfoBean> list = new ArrayList<>();    //创建一个list集合存储recyclerview中的图片的高度    private List<Integer> heights = new ArrayList<>();    //声明recyclerview引用    private RecyclerView mRecyclerView;    //声明自定义请求类    private MyAdapter adapter;    //用插件自动生成初始化view代码的方法    private void assignViews() {        mRecyclerView = (RecyclerView) findViewById(R.id.recyclerview);        //设置recyclerview要实现的类型为StaggeredGrid瀑布流类型        //并再构造方法中指定列数3，纵向排列        mRecyclerView.setLayoutManager(new StaggeredGridLayoutManager(3, RecyclerView.VERTICAL));    }    //网络请求数据的网址    private String url = "http://bz.budejie.com/?typeid=2&ver=3.4.3&no_cry=1&client=android&c=wallPaper&a=random&bigid=0";    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        //初始化控件        assignViews();        //开启网络下载数据的方法        startTask();    }    private void startTask() {        //通过类名直接调用静态方法获取单例对象再调用getBeanOfOK()方法传入参数通过接口回调获取数据        OkHttpUtils.getInstance().getBeanOfOk(this, url, TestBean.class,                new OkHttpUtils.CallBack<TestBean>() {                    @Override                    public void getData(TestBean testBean) {                        Log.i("===", "getData: "+testBean.toString());                        if(testBean!=null){                            //如果不为空用本地list接收                            list.addAll(testBean.getData().getWallpaperListInfo());                            //数据一旦回调成功初始化数据源和适配器                            initHights();                            initAdapter();                        }                    }                });    }    private void initAdapter() {        //创建自定义适配器对象        adapter = new MyAdapter(this,list,heights);        //设置recyclerview适配器        mRecyclerView.setAdapter(adapter);        //刷新适配器        adapter.notifyDataSetChanged();    }    private void initHights() {        //设置随机数        Random random = new Random();        for (int i = 0; i < list.size(); i++) {            //集合中存储每个回调图片对应的随机高度            heights.add(random.nextInt(200)+200);        }    }}

适配器::::::::::::::::::

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.ImageView;import com.squareup.picasso.Picasso;import java.util.List;public class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder>{    //声明两个集合用于接受构造方法传来的参数在本地使用    private List<TestBean.DataBean.WallpaperListInfoBean> list;    private List<Integer> heights;    //声明上下文引用，用于加载布局文件    private Context context;    //用构造方法传入需要的参数，    public MyAdapter(Context context, List<TestBean.DataBean.WallpaperListInfoBean> list, List<Integer> heights) {        this.context = context;        this.list = list;        this.heights = heights;    }    @Override    public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {        //返回MyViewHolder对象，通过构造方法传入加载布局文件得到的view对象        return new MyViewHolder(LayoutInflater.from(context).inflate(R.layout.item, parent, false));    }    @Override    public void onBindViewHolder(MyViewHolder holder, int position) {        //通过itemview得到每个图片的pararms对象        RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) holder.itemView.getLayoutParams();        //将高度修改为传入的随机高度        params.height = heights.get(position);        //设置修改参数        holder.itemView.setLayoutParams(params);//        holder.iv.setImageResource(R.mipmap.ic_launcher);        //用过Picasso框架对图片处理并显示到iv上        //用with()方法初始化，,        Picasso.with(context)                //load()下载图片                .load(list.get(position).getWallPaperMiddle())                //下载中显示的图片                .placeholder(R.mipmap.ic_launcher)                //下载失败显示的图片                .error(R.mipmap.ic_launcher)                //init()显示到指定控件                .into(holder.iv);    }    @Override    public int getItemCount() {        //返回数据源大小        return list.size();    }    //自定义MyViewHolder类用于复用    class MyViewHolder extends RecyclerView.ViewHolder {        //声明imageview对象        private ImageView iv;        //构造方法中初始化imageview对象        public MyViewHolder(View itemView) {            super(itemView);            iv = (ImageView) itemView.findViewById(R.id.imageview);        }    }}

OkHttpClient引用

import com.google.gson.Gson;import java.io.IOException;import okhttp3.Call;import okhttp3.Callback;import okhttp3.OkHttpClient;import okhttp3.Request;import okhttp3.Response;/** * @author lvhongyang. * @time 2017/9/10. * @desc: */public class OkHttpUtils {    //声明OkHttpClient引用    private OkHttpClient client;    //私有化构造方法    private OkHttpUtils(){        //创建client对象只在创建OkHttpUitls对象时创建一次        client = new OkHttpClient();    }    //声明静态OkHttpUtils引用    private static OkHttpUtils utils;    //单例设计模式让外部始终获得的是一个OkHttpUtils对象    public static OkHttpUtils getInstance() {        //双重判断加上同步锁可以解决线程安全问题        if(utils==null){            synchronized (OkHttpUtils.class){                if(utils==null){                    //一旦判断没有创建过此类的对象就创建一次并返回                    utils = new OkHttpUtils();                    return utils;                }            }        }        return utils;    }    //定义一个callback接口并定义范型（适用于任意类的返回对象）用于接口回调    interface CallBack<T>{        //定义回调方法        void getData(T t);    }    //创建万能的数据请求类，形参为四个activity对象，网址url,和得到数据的bean类为范型的class对象，实现接口的类对象    public <T extends Object>void getBeanOfOk(final Activity activity, String url, final Class<T> clazz, final CallBack<T> callback){        //创建request请求对象，设置其方式get,网址url        Request request = new Request.Builder().get().url(url).build();        //通过client的newCall方法传入request，并调用enqueue求求数据        client.newCall(request).enqueue(new Callback() {            @Override            public void onFailure(Call call, IOException e) {            }            @Override            public void onResponse(Call call, Response response) throws IOException {                //通过返回的response对象的body()和string()方法得到获取的json字符串                String json = response.body().string();                //通过Gson解析得到解析后任意类对象                final T t  = new Gson().fromJson(json,clazz);                activity.runOnUiThread(new Runnable() {                    @Override                    public void run() {                        if(t!=null){                            //并用过接口回调传回数据                            callback.getData(t);                        }                    }                });            }        });    }}

记得自己写Bean类(要请求数据的嘛!!!!!!)

接下来:Main的布局

<?xml version="1.0" encoding="utf-8"?><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"    tools:context="com.example.myapplication.MainActivity">    <android.support.v7.widget.RecyclerView        android:id="@+id/recyclerview"        android:layout_width="match_parent"        android:layout_height="match_parent"        /></RelativeLayout>item的:
<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:layout_marginBottom="3dp"    android:layout_marginRight="3dp"    >    <ImageView        android:id="@+id/imageview"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:scaleType="fitXY"        /></RelativeLayout>最后,走你!
<uses-permission android:name="android.permission.INTERNET"/><uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/><uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>