RecyclerView瀑布流啊流

瀑布流,又称瀑布流式布局。是比较流行的一种网站页面布局,视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。最早采用此布局的网站是Pinterest,逐渐在国内流行开来。国内大多数清新站基本为这类风格。

今天就教大家用RecyclerView实现瀑布流
下面是瀑布流的效果 很实用
在这里插入图片描述
1.首先不得不说的是依赖
在这里插入图片描述
2.布局页面就是一个RecyclerView 包名+类名
在这里插入图片描述
3.使用OKGO请求接口数据
在这里插入图片描述
4.解析数据
在这里插入图片描述
5.适配器

public class GoodAdapter extends RecyclerView.Adapter<GoodAdapter.GoodViewHoider> {

    ArrayList<GoodBean.NewslistBean> list;
    private Context context;

    public GoodAdapter(ArrayList<GoodBean.NewslistBean> list, Context context) {
        this.list = list;
        this.context = context;
    }

    @NonNull
    @Override
    public GoodViewHoider onCreateViewHolder(@NonNull ViewGroup viewGroup, int i) {

        View inflate = LayoutInflater.from(context).inflate(R.layout.good_item, viewGroup, false);

        GoodViewHoider goodViewHoider = new GoodViewHoider(inflate);

        return goodViewHoider;
    }
    @Override
    public void onBindViewHolder(@NonNull GoodViewHoider goodViewHoider, int i) {
        goodViewHoider.tvTitle.setText(list.get(i).getTitle());
        Glide.with(context).load(list.get(i).getPicUrl()).into(goodViewHoider.ivImage);

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

    class GoodViewHoider extends RecyclerView.ViewHolder {

        @BindView(R.id.tv_title)
        TextView tvTitle;
        @BindView(R.id.iv_image)
        ImageView ivImage;

        public GoodViewHoider(@NonNull View itemView) {
            super(itemView);
            ButterKnife.bind(this, itemView);
        }
    }
}

6.布局管理器(重中之重)
在这里插入图片描述

这次是使用RecyclerView瀑布流的正确姿势

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值