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

最新推荐文章于 2025-05-28 11:02:29 发布

原创最新推荐文章于 2025-05-28 11:02:29 发布 · 4k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#RecycleView瀑布流

Android 专栏收录该内容

49 篇文章

订阅专栏

博客介绍了RecycleView瀑布流效果的实现步骤。首先设置RecycleView的布局管理器为瀑布流StaggeredGridLayoutManager，接着将数据传递到适配器，创建整形集合存储图片高度，在构造器内随机获取高度并存入集合，最后通过集合数据修改图片控件高度，实现瀑布流效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

瀑布流效果图：

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

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

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

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

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);
        }
    }
}