RecyclerView的瀑布流简单应用

首先是导依赖包

compile 'com.android.support:recyclerview-v7:24.2.1'    compile 'com.facebook.fresco:fresco:1.5.0'    compile 'com.github.bumptech.glide:glide:3.7.0'    compile 'com.android.support:cardview-v7:24.0.0-alpha1'    compile 'com.google.code.gson:gson:2.8.2'    compile 'com.youth.banner:banner:1.4.10'    compile 'com.squareup.okhttp3:okhttp:3.9.0'

然后是写RecyclerView的组件

<android.support.v7.widget.RecyclerView        android:layout_width="match_parent"        android:layout_height="match_parent"        android:id="@+id/rv"        android:padding="4dp"        ></android.support.v7.widget.RecyclerView>

然后写主页面

mRv.setLayoutManager(new StaggeredGridLayoutManager(3,  StaggeredGridLayoutManager.VERTICAL));        DemoAdapter adapter = new DemoAdapter(list,MainActivity.this);        mRv.setAdapter(adapter);

最后写适配器

public class DemoAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder>{    private List<Bean.DataBean> list = new ArrayList<Bean.DataBean>();    private Context context;    public DemoAdapter(List<Bean.DataBean> list, Context context) {        this.list = list;        this.context = context;    }//重写onCreateViewHolder方法，返回一个自定义的ViewHolder     @Override    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {        View view=LayoutInflater.from(context).inflate(R.layout.one,parent,false);        return new MyViewHolder(view);    }//填充onCreateViewHolder方法返回的holder中的控件    @Override    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {        Bean.DataBean dataBean = list.get(position);        MyViewHolder myViewHolder= (MyViewHolder) holder;        myViewHolder.iv.setImageURI(dataBean.getIcon());    }    @Override    public int getItemCount() {        return list.size();    }    class MyViewHolder extends RecyclerView.ViewHolder{        private SimpleDraweeView iv;        public MyViewHolder(View itemView) {            super(itemView);            iv= (SimpleDraweeView) itemView.findViewById(R.id.iv);            int width = ((Activity) iv.getContext()).getWindowManager().getDefaultDisplay().getWidth();            ViewGroup.LayoutParams params = iv.getLayoutParams();            //设置图片的相对于屏幕的宽高比            params.width = width/3;            params.height =  (int) (200 + Math.random() * 400) ;            iv.setLayoutParams(params);            iv.setOnClickListener(new View.OnClickListener() {                @Override                public void onClick(View v) {                    Intent intent=new Intent(context, Main2Activity.class);                    context.startActivity(intent);                }            });        }    }}

图片的加载方法用的fresco，记着注册

public class App extends Application {    @Override    public void onCreate() {        super.onCreate();        Fresco.initialize(this);    }}

还要写一个图片加载的工具类

public class GlideImageLoader extends ImageLoader {    @Override    public void displayImage(Context context, Object path, ImageView imageView) {        /**          注意：          1.图片加载器由自己选择，这里不限制，只是提供几种使用方法          2.返回的图片路径为Object类型，由于不能确定你到底使用的那种图片加载器，          传输的到的是什么格式，那么这种就使用Object接收和返回，你只需要强转成你传输的类型就行，          切记不要胡乱强转！         */        //用fresco加载图片简单用法，记得要写下面的createImageView方法        Uri uri = Uri.parse((String) path);        imageView.setImageURI(uri);    }    //提供createImageView 方法，如果不用可以不重写这个方法，主要是方便自定义ImageView的创建    @Override    public ImageView createImageView(Context context) {        //使用fresco，需要创建它提供的ImageView，当然你也可以用自己自定义的具有图片加载功能的ImageView        SimpleDraweeView simpleDraweeView=new SimpleDraweeView(context);        return simpleDraweeView;    }}

图片的组件

 <com.facebook.drawee.view.SimpleDraweeView        android:id="@+id/iv"        android:layout_width="50dp"        android:layout_height="50dp"         />