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"/>