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

然後寫主頁面

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