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

瀑布流效果图：

Android使用RecyclerView实现瀑布流效果的列表展示_第1张图片

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

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

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

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

public class DetailsStillsAdapter extends RecyclerView.Adapter {    private Context context;    private List list;    //创建集合    List heights = new ArrayList<>();    public DetailsStillsAdapter(Context context, List 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);        }    }}

更多相关文章

随机推荐