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的组件

.support.v7.widget.RecyclerView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/rv"
        android:padding="4dp"
        >.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 list = new ArrayList();
    private Context context;

    public DemoAdapter(List 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"
         />