我是靠谱客的博主 俊逸书包,最近开发中收集的这篇文章主要介绍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瀑布流的正确姿势

最后

以上就是俊逸书包为你收集整理的RecyclerView瀑布流啊流的全部内容,希望文章能够帮你解决RecyclerView瀑布流啊流所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(58)

评论列表共有 0 条评论

立即
投稿
返回
顶部