RecyclerView实现多条目加载

   RecyclerView是现在特别常用的一个控件,是Google发布用于取代我们的ListView的

 我们可以把它看成是ListView的升级版本,那么我们如何去实现RecyclerView的多条目加载呢?

首先我们要先导入依赖,注意这个包 一定要和我们的工程进行同步,保持一致

implementation 'com.android.support:design:28.+'

那么我们就可以在布局当中进行布局并使用我们的RecyclerView了

所以接下来就是布局文件

 <android.support.v7.widget.RecyclerView
        android:id="@+id/rv_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

然后就是常规的代码 进行找到控件 并请求数据

public class MainActivity extends AppCompatActivity {

    @BindView(R.id.rv_container)
    RecyclerView rvContainer;
    //数据请求地址
    public static final String URL_STRING = "http://www.xieast.com/api/news/news.php?page=1";
    private Context context;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ButterKnife.bind(this);
        context = MainActivity.this;
        //数据请求
        requestData();
    }

    private void requestData() {
        OkHttpClient okHttpClient = new OkHttpClient.Builder().build();
        Request request = new Request.Builder().url(URL_STRING).build();
        //开启请求
        okHttpClient.newCall(request).enqueue(new Callback() {
            @Override
            public void onFailure(Call call, IOException e) {
                final String errorMsg = e.getMessage().toString();
                runOnUiThread(new Runnable() {
                    @Override
                    public void run() {
                        Toast.makeText(context, errorMsg, Toast.LENGTH_SHORT).show();
                    }
                });
            }

            @Override
            public void onResponse(Call call, Response response) throws IOException {
                final String responseString = response.body().string();
                runOnUiThread(new Runnable() {
                    @Override
                    public void run() {
                        Gson gson = new Gson();
                        MutilpartBean mutilpartBean = gson.fromJson(responseString, MutilpartBean.class);
                        List<MutilpartBean.DataBean> beanList = mutilpartBean.getData();
                        //布局管理器
                        LinearLayoutManager manager = new LinearLayoutManager(context, LinearLayoutManager.VERTICAL, false);
                        rvContainer.setLayoutManager(manager);
                        //创建适配器，传入所需内容
                        SubAdapter subAdapter = new SubAdapter(context, (ArrayList<MutilpartBean.DataBean>) beanList);
                        rvContainer.setAdapter(subAdapter);
                    }
                });
            }
        });
    }
}

这个就是我们的Activity中的代码,接下来就是我们的适配器Adapter

//设置RecyclerView.ViewHolder作为泛型内容，使得ReccyclerView可以设置多种条目布局
public class SubAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
    Context context;
    ArrayList<MutilpartBean.DataBean> beanList;

    public SubAdapter(Context context, ArrayList<MutilpartBean.DataBean> beanList) {
        this.context = context;
        this.beanList = beanList;
    }

    @NonNull
    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int position) {
        //根据解析数据，明确是具体哪种填充视图
        View rootView;
        RecyclerView.ViewHolder holder;
        if (beanList.get(position).getThumbnail_pic_s03() == null && beanList.get(position).getThumbnail_pic_s02() == null) {
            //第一种填充的视图布局
            rootView = LayoutInflater.from(context).inflate(R.layout.onepic_layout, viewGroup, false);
            holder = new OnePicHolder(rootView);
        } else if (beanList.get(position).getThumbnail_pic_s03() == null && beanList.get(position).getThumbnail_pic_s02() != null) {
            //第二种填充的视图布局
            rootView = LayoutInflater.from(context).inflate(R.layout.twopic_layout, viewGroup, false);
            holder = new TwoPicHolder(rootView);
        } else {
            //第三种填充的视图布局
            rootView = LayoutInflater.from(context).inflate(R.layout.threepic_layout, viewGroup, false);
            holder = new ThreePicHolder(rootView);
        }
        return holder;
    }

    @Override
    public void onBindViewHolder(@NonNull RecyclerView.ViewHolder viewHolder, int position) {
        //具体绑定哪个ViewHolder对象
        if (viewHolder instanceof OnePicHolder) {
            //通过Picasso加载解析图片
            Picasso.get().load(beanList.get(position).getThumbnail_pic_s()).into(((OnePicHolder) viewHolder).iv_firstItem);
        } else if (viewHolder instanceof TwoPicHolder) {
            Picasso.get().load(beanList.get(position).getThumbnail_pic_s()).into(((TwoPicHolder) viewHolder).iv_twoPic_firstItem);
            Picasso.get().load(beanList.get(position).getThumbnail_pic_s02()).into(((TwoPicHolder) viewHolder).iv_twoPic_bottomItem);
        } else {
            Picasso.get().load(beanList.get(position).getThumbnail_pic_s()).into(((ThreePicHolder) viewHolder).iv_threePic_firstItem);
            Picasso.get().load(beanList.get(position).getThumbnail_pic_s02()).into(((ThreePicHolder) viewHolder).iv_threePic_middleItem);
            Picasso.get().load(beanList.get(position).getThumbnail_pic_s03()).into(((ThreePicHolder) viewHolder).iv_threePic_bottomItem);
        }
    }

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

    class OnePicHolder extends RecyclerView.ViewHolder {
        private ImageView iv_firstItem;

        public OnePicHolder(@NonNull View itemView) {
            super(itemView);
            iv_firstItem = itemView.findViewById(R.id.iv_firstItem);
        }
    }

    class TwoPicHolder extends RecyclerView.ViewHolder {

        private ImageView iv_twoPic_firstItem;
        private ImageView iv_twoPic_bottomItem;

        public TwoPicHolder(@NonNull View itemView) {
            super(itemView);
            iv_twoPic_firstItem = itemView.findViewById(R.id.iv_twoPic_firstItem);
            iv_twoPic_bottomItem = itemView.findViewById(R.id.iv_twoPic_bottomItem);
        }
    }

    class ThreePicHolder extends RecyclerView.ViewHolder {
        private ImageView iv_threePic_firstItem;
        private ImageView iv_threePic_middleItem;
        private ImageView iv_threePic_bottomItem;

        public ThreePicHolder(@NonNull View itemView) {
            super(itemView);
            iv_threePic_firstItem = itemView.findViewById(R.id.iv_threePic_firstItem);
            iv_threePic_middleItem = itemView.findViewById(R.id.iv_threePic_middleItem);
            iv_threePic_bottomItem = itemView.findViewById(R.id.iv_threePic_bottomItem);

        }
    }
}

这样就可以实现多条目加载了