tablayout+viewpager+recycleview瀑

hhhhh.jpg

上一节实现了tablayout部分，viewpager内容用的空Fragment。现在来实现Fragment。
每个Fragment里面的数据，正是之前实现的post请求获得的，但是post参数里面，有个动态参数groupChannelCode。这个groupChannelCode是tablayout的TravelTabModel里面的。
根据groupChannelCode请求post，每个tablayout的tab下，对应着每个tab的数据。
上一节的fragments集合，修改为

fragments.add(new TravelTabFragment(context,travelTabModel.getTabs().get(a).getGroupChannelCode()));

根据travelTabModel里面，每个tab的groupChannelCode，来创建TravelTabFragment类：

public class TravelTabFragment extends BaseActivity {
    TravelTabFragmentAdapter adapter;
    String groupChannelCode;
    Context context;

    public TravelTabFragment(Context context,String groupChannelCode) {
        this.context = context;
        this.groupChannelCode = groupChannelCode;
    }

    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {

        MainPresenter presenter = new MainPresenter(this);
        presenter.getTravel(groupChannelCode);

        View view = inflater.inflate(R.layout.travel_tab_fragment, null);
        RecyclerView recyclerView = (RecyclerView) view.findViewById(R.id.travel_tab_recycler);
        recyclerView.setLayoutManager(new StaggeredGridLayoutManager( 2, RecyclerView.VERTICAL));
        adapter = new TravelTabFragmentAdapter();
        TravelModel travelModel = SPUtils.getInstance(context).get(ConstantsUtil.TRAVEL_FRAGMENT_DATA, TravelModel.class);
        if(travelModel != null){
            adapter.getData(travelModel);
        }
        recyclerView.setAdapter(adapter);

        return view;
    }

    @Override
    public void getTravelModel(TravelModel travelModel) {
        if(travelModel!=null) {//滑动到不同的tab，都会请求一次getTravel，获取不同的结果。
            SPUtils.getInstance(context).put(ConstantsUtil.TRAVEL_FRAGMENT_DATA, travelModel);
            adapter.getData(travelModel);//所以，不改变请求的groupChannelCode，展示的图片也会改变。相当于刷新了。。
        }
        Log.v("abbb2", "==++++" + travelModel.getResultList().get(0).getArticle().getImages().get(0).getDynamicUrl());
    }

}

recycleview瀑布流:

recyclerView.setLayoutManager(new StaggeredGridLayoutManager( 2, RecyclerView.VERTICAL));

用presenter.getTravel(groupChannelCode);去请求数据：

public void getTravel(String groupChannelCode) {
        Log.v("abbb", "111==");
        Observable<TravelModel> observable = mModel.getTraver(groupChannelCode);
        observable.subscribeOn(Schedulers.io())
                .unsubscribeOn(Schedulers.io())
                .observeOn(AndroidSchedulers.mainThread())
                .subscribe(new Observer<TravelModel>() {
                    @Override
                    public void onSubscribe(Disposable d) {

                    }

                    @Override
                    public void onNext(TravelModel travelModel) {
                        travel = travelModel;
                        Log.v("abbb", "888==" + travel.getResultList().get(0).getArticle().getArticleTitle());
                    }

                    @Override
                    public void onError(Throwable e) {
                    }

                    @Override
                    public void onComplete() {
                        mView.getTravelModel(travel);
                    }
                });
}
public Observable<TravelModel> getTraver(String groupChannelCode) {
        RequestBody body=RequestBody.create(okhttp3.MediaType.parse("application/json; charset=utf-8"),params);
        //Observable<TravelModel> observable = RetrofitHelper.getInstance().getServer().getPhoto(TRAVEL_URL,body);
        PagePara pagePara = new PagePara(1,10,9,0);
        TravelPhotoResponse travelPhotoResponse = new TravelPhotoResponse(-1,groupChannelCode,
                null,-180,-180,0,pagePara,1,"json");
        Observable<TravelModel> observable = RetrofitHelper.getInstance().getServer().getPhoto(TRAVEL_URL,travelPhotoResponse);
        return observable;
}
@Headers({
            "cid: 09031014111431397988",
            //"contentType: json",
            "Content-Type: application/json",
            "Accept: application/json"
    })
    @POST
Observable<TravelModel> getPhoto(@Url String url, @Body TravelPhotoResponse info);

此处，将之前的params请求json数据，换成了一个TravelPhotoResponse对象，通过构造函数，修改groupChannelCode的值。
（网上通过JSONObject 将字符串直接转换为javabean对象，因为JSONObject 导包问题较复杂，最终放弃。）
另外，添加了一个SPUtils类，用作本地存储数据，避免网络不好时，页面加载慢。
数据拿到了，再看看RecyclerView.Adapter具体实现：

public class TravelTabFragmentAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
    TravelModel travelModel;
    @NonNull
    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        Log.v("sizee2","onCreateViewHolder==");
        return new ItemHolder(LayoutInflater.from(parent.getContext()).inflate(R.layout.travel_item,
                parent, false));
    }

    @Override
    public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) {
        Log.v("sizee2","onBindViewHolder==");
        if(travelModel == null){
            return;
        }
        if (holder instanceof ItemHolder) {
            if(travelModel.getResultList().get(position).getArticle() != null) {
                ((ItemHolder) holder).travelImage.setImageURL(travelModel.getResultList().get(position).getArticle().getImages().get(0).getDynamicUrl());
                ((ItemHolder) holder).userImage.setImageURL(travelModel.getResultList().get(position).getArticle().getAuthor().getCoverImage().getDynamicUrl());
                ((ItemHolder) holder).articleTitle.setText(travelModel.getResultList().get(position).getArticle().getArticleTitle());
                ((ItemHolder) holder).userName.setText(travelModel.getResultList().get(position).getArticle().getAuthor().getNickName());
                ((ItemHolder) holder).zanCount.setText(travelModel.getResultList().get(position).getArticle().getLikeCount() + "");
            }
        }
    }

    @Override
    public int getItemCount() {
        return 10;
    }

    public class ItemHolder extends RecyclerView.ViewHolder {
        MyImageView travelImage;
        CircleImageView userImage;
        TextView articleTitle;
        TextView userName;
        TextView zanCount;
        public ItemHolder(@NonNull View itemView) {
            super(itemView);
            travelImage = itemView.findViewById(R.id.travel_image);
            userImage = itemView.findViewById(R.id.user_image);
            articleTitle = itemView.findViewById(R.id.articleTitle);
            userName = itemView.findViewById(R.id.user_name);
            zanCount = itemView.findViewById(R.id.zanCount);
        }
    }

    public void getData(TravelModel travelModel){
        Log.v("sizee2","getData==");
        this.travelModel = travelModel;
        notifyDataSetChanged();
    }
}

就是一个CardView布局。

具体代码如下：
https://github.com/doudousang/tablayout-viewpage-recycleview.git。
另外因为这个viewpager可能会与主页面的viewpager滑动冲突，最终将住viewpager的滑动事件屏蔽了。
参考代码：
Viewpager禁止左右滑动