Android使用RecyclerView实现瀑布流效果的列表展示

瀑布流效果图：

 

第一步：设置RecycleView的布局管理器为瀑布流StaggeredGridLayoutManager

RecyclerView rlv = view.findViewById(R.id.pop_rlv);
rlv.setLayoutManager(new StaggeredGridLayoutManager(2, StaggeredGridLayoutManager.VERTICAL));

第二部：数据传递到适配器

1. 创建一个整形集合（存即将需要的图片高）
2. 在构造器内通过数据长度进行随机获取高，并存入集合
3. 通过集合数据修改图片控件原本高度
4. 完美实现瀑布流效果

public class DetailsStillsAdapter extends RecyclerView.Adapter<DetailsStillsAdapter.MyViewHolder> {
    private Context context;
    private List<String> list;
    //创建集合
    List<Integer> heights = new ArrayList<>();

    public DetailsStillsAdapter(Context context, List<String> list) {
        this.context = context;
        this.list = list;
        
        //通过获取随机数存入集合
        for (int i = 0; i < list.size(); i++) {
            int x = new Random().nextInt(200) + 200;
            heights.add(x);
        }
    }

    @NonNull
    @Override
    public MyViewHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int i) {
        View view = LayoutInflater.from(context).inflate(R.layout.details_stills_item, null, false);
        MyViewHolder myViewHolder = new MyViewHolder(view);
        return myViewHolder;
    }

    @Override
    public void onBindViewHolder(@NonNull MyViewHolder myViewHolder, int i) {
        //获取控件原本高度，拿随机数集合赋值
        ViewGroup.LayoutParams layoutParams = myViewHolder.img.getLayoutParams();
        layoutParams.height = heights.get(i);
        myViewHolder.img.setLayoutParams(layoutParams);
        if (myViewHolder.img != null) {
            Glide.with(context).load(list.get(i)).into(myViewHolder.img);
        }
       
    }


    @Override
    public int getItemCount() {
        return list.size();
    }

    public class MyViewHolder extends RecyclerView.ViewHolder {

        private final ImageView img;

        public MyViewHolder(@NonNull View itemView) {
            super(itemView);
            img = itemView.findViewById(R.id.img_stills);
        }
    }
}