XRecyclerView多条目展示以及上拉刷新下拉加载

于 2018-12-01 11:02:18 发布
阅读量459 收藏 2
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42785994/article/details/84671720
版权

在这里插入图片描述

1.主页面布局Main

<com.jcodecraeer.xrecyclerview.XRecyclerView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/recyclerView"></com.jcodecraeer.xrecyclerview.XRecyclerView>

2.主页面代码MainActivity

public class MainActivity extends AppCompatActivity {

    public static final String url = "http://www.xieast.com/api/news/news.php";
    private XRecyclerView recyclerView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //找控件
        initView();
        //
        initData();
        //上拉加载下拉刷新
        initRefresh();
    }

    /**
     * 刷新
     *  //上拉加载下拉刷新
     */
    private void initRefresh() {
        recyclerView.setLoadingListener(new XRecyclerView.LoadingListener() {
            @Override
            public void onRefresh() {
                //更新UI
                new Handler().postDelayed(new Runnable() {
                    @Override
                    public void run() {
                        recyclerView.refreshComplete();
                        Toast.makeText(MainActivity.this, "刷新完成", Toast.LENGTH_SHORT).show();
                    }
                },2000);
            }

            @Override
            public void onLoadMore() {
                //更新UI
                new Handler().postDelayed(new Runnable() {
                    @Override
                    public void run() {
                        recyclerView.loadMoreComplete();
                        Toast.makeText(MainActivity.this, "加载完成", Toast.LENGTH_SHORT).show();
                    }
                },2000);
            }
        });
    }

    private void initData() {
        OkHttpUtils instance = OkHttpUtils.getInstance();
        instance.doGet(url, new OkHttpUtils.OkHttpUtilsInterface() {
            @Override
            public void success(String json) {
                //创建布局管理器
                LinearLayoutManager linearLayoutManager = new LinearLayoutManager(MainActivity.this);
                recyclerView.setLayoutManager(linearLayoutManager);
                //Gson解析
                News news = new Gson().fromJson(json, News.class);
                List<News.DataBean> data = news.getData();
                //创建Adapter
                NewsAdapter newsAdapter = new NewsAdapter(data, MainActivity.this);
                recyclerView.setAdapter(newsAdapter);

            }

            @Override
            public void failed() {

            }
        });

    }

    private void initView() {
        recyclerView = (XRecyclerView) findViewById(R.id.recyclerView);
    }
}

3.Adapter

/**
 * date:2018/12/1
 * author:别来无恙(别来无恙)
 * function:
 * 1.写入上下文 以及list集合 写入有参构造
 * 2.实现他的方法
 * 3.写一个基类
 * 4.在onBindViewHolder把viewHolder转换成BaseJilei的类型,获取他手写的方法传入list集合
 * 5.创建一个getItemViewType方法 判断图片
 * 6.在onCreateViewHolder 判断下标是否和对应的TYPE相同
 *  a.创建新的对应的布局 继承基类 实现他的两个方法  写入他们的布局
 *  b.Fresco的初始化
 *
 */
public class NewsAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {

    private List<News.DataBean> list;
    private Context mContext;
    public static final int TYPE_ONE = 1;
    public static final int TYPE_TWO = 2;
    public static final int TYPE_THREE = 3;



    public NewsAdapter(List<News.DataBean> list, Context context) {
        this.list = list;
        mContext = context;
    }

    @Override
    public int getItemViewType(int position) {
        News.DataBean dataBean = list.get(position);
        if (dataBean.getThumbnail_pic_s() != null && dataBean.getThumbnail_pic_s02() == null && dataBean.getThumbnail_pic_s03() == null){
            //如果存在一张图片 返回1
            return TYPE_ONE;
        }else if (dataBean.getThumbnail_pic_s() != null && dataBean.getThumbnail_pic_s02() != null && dataBean.getThumbnail_pic_s03() != null){
            //如果存在三张图片 返回3
            return TYPE_THREE;
        }else {
            //最后一个结果是 只存在两张图片 返回2
            return TYPE_TWO;
        }
    }

    @NonNull
    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int i) {
        if (i == TYPE_ONE){
            //布局1张图片
            return new TypeOne(View.inflate(mContext,R.layout.item_news1,null));
        }else if (i == TYPE_TWO){
            //布局2张图片
            return new TypeTwo(View.inflate(mContext,R.layout.item_news2,null));
        }else{
            //布局3张图片
            return new TypeThree(View.inflate(mContext,R.layout.item_news3,null));
        }
    }

    @Override
    public void onBindViewHolder(@NonNull RecyclerView.ViewHolder viewHolder, int i) {
        ((BaseJilei)viewHolder).JileiAbstract(list.get(i));
    }


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

4.工具类Utils

public class OkHttpUtils {

    private final Handler mHandler;
    private final OkHttpClient mOkHttpClient;
    private static OkHttpUtils sOkHttpUtils;

    private OkHttpUtils(){
        mHandler = new Handler(Looper.getMainLooper());
        mOkHttpClient = new OkHttpClient.Builder()
                .writeTimeout(3000, TimeUnit.MILLISECONDS)
                .readTimeout(3000, TimeUnit.MILLISECONDS)
                .connectTimeout(3000, TimeUnit.MILLISECONDS)
                .build();
    }
    public static OkHttpUtils getInstance(){
        if (sOkHttpUtils == null){
            synchronized (OkHttpUtils.class){
                if (sOkHttpUtils == null){
                    return sOkHttpUtils = new OkHttpUtils();
                }
            }
        }
        return sOkHttpUtils;
    }
    public interface OkHttpUtilsInterface{
        void success(String json);
        void failed();
    }
    public void doGet(String url, final OkHttpUtilsInterface okHttpUtilsInterface){
        Request request = new Request.Builder()
                .url(url)
                .build();
        Call call = mOkHttpClient.newCall(request);
        call.enqueue(new Callback() {
            @Override
            public void onFailure(Call call, IOException e) {
                mHandler.post(new Runnable() {
                    @Override
                    public void run() {
                        okHttpUtilsInterface.failed();
                    }
                });
            }

            @Override
            public void onResponse(Call call, Response response) throws IOException {
                final String json = response.body().string();
                mHandler.post(new Runnable() {
                    @Override
                    public void run() {
                        okHttpUtilsInterface.success(json);
                    }
                });
            }
        });
    }


}

5.基类

public abstract class BaseJilei extends RecyclerView.ViewHolder {

    public abstract void JileiAbstract(News.DataBean list);
    public BaseJilei(@NonNull View itemView) {
        super(itemView);
    }
}

6.基类的三个孩子----

TypeOne

public class TypeOne extends BaseJilei {
    private final SimpleDraweeView mItem_image_one;
    public TypeOne(@NonNull View itemView) {
        super(itemView);
        //找控件
        mItem_image_one = itemView.findViewById(R.id.item_image_one);

    }

    @Override
    public void JileiAbstract(News.DataBean list) {
        mItem_image_one.setImageURI(list.getThumbnail_pic_s());
    }
}

TypeTwo

public class TypeTwo extends BaseJilei {

    private final SimpleDraweeView mItem_image_one;
    private final SimpleDraweeView mItem_image_two;
    private final TextView mItem_textview_title;
    private final TextView mItem_textview_data;
    public TypeTwo(@NonNull View itemView) {
        super(itemView);
        //找控件
        mItem_image_one = itemView.findViewById(R.id.item_image_one);
        mItem_image_two = itemView.findViewById(R.id.item_image_two);
        mItem_textview_title = itemView.findViewById(R.id.item_textview_title);
        mItem_textview_data = itemView.findViewById(R.id.item_textview_data);
    }

    @Override
    public void JileiAbstract(News.DataBean list) {
        mItem_image_one.setImageURI(list.getThumbnail_pic_s());
        mItem_image_two.setImageURI(list.getThumbnail_pic_s02());
        mItem_textview_title.setText(list.getTitle());
        mItem_textview_data.setText(list.getDate());
    }
}

TypeThree

public class TypeThree extends BaseJilei {

    private final SimpleDraweeView mItem_image_one;
    private final SimpleDraweeView mItem_image_two;
    private final SimpleDraweeView mItem_image_three;
    private final TextView mItem_textview_title;
    private final TextView mItem_textview_data;

    public TypeThree(@NonNull View itemView) {
        super(itemView);
        //找控件
        mItem_image_one = itemView.findViewById(R.id.item_image_one);
        mItem_image_two = itemView.findViewById(R.id.item_image_two);
        mItem_image_three = itemView.findViewById(R.id.item_image_three);
        mItem_textview_title = itemView.findViewById(R.id.item_textview_title);
        mItem_textview_data = itemView.findViewById(R.id.item_textview_data);
    }

    @Override
    public void JileiAbstract(News.DataBean list) {
        mItem_image_one.setImageURI(list.getThumbnail_pic_s());
        mItem_image_two.setImageURI(list.getThumbnail_pic_s02());
        mItem_image_three.setImageURI(list.getThumbnail_pic_s03());
        mItem_textview_title.setText(list.getTitle());
        mItem_textview_data.setText(list.getDate());
    }
}

7.全局初始化

public void onCreate() {
        super.onCreate();
        Fresco.initialize(this);
    }

8.三个条目的布局

news1

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical">


        <com.facebook.drawee.view.SimpleDraweeView
            android:id="@+id/item_image_one"
            android:layout_width="400dp"
            android:layout_height="100dp"
            app:placeholderImage="@mipmap/ic_launcher"/>

</LinearLayout>

news2

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/item_textview_title"
        android:text="AAAAAAAAA"
        android:textSize="22sp"/>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <com.facebook.drawee.view.SimpleDraweeView
            android:id="@+id/item_image_one"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:layout_weight="1"
            app:placeholderImage="@mipmap/ic_launcher"/>
        <com.facebook.drawee.view.SimpleDraweeView
            android:id="@+id/item_image_two"
            android:layout_width="100dp"
            android:layout_weight="1"
            android:layout_height="100dp"
            app:placeholderImage="@mipmap/ic_launcher"/>
    </LinearLayout>
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/item_textview_data"
        android:text="AAAAAAAAA"
        android:textSize="20sp"/>
</LinearLayout>

news3

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/item_textview_title"
        android:text="AAAAAAAAA"
        android:textSize="22sp"/>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <com.facebook.drawee.view.SimpleDraweeView
            android:id="@+id/item_image_one"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:layout_weight="1"
            app:placeholderImage="@mipmap/ic_launcher"/>
        <com.facebook.drawee.view.SimpleDraweeView
            android:id="@+id/item_image_two"
            android:layout_width="100dp"
            android:layout_weight="1"
            android:layout_height="100dp"
            app:placeholderImage="@mipmap/ic_launcher"/>
        <com.facebook.drawee.view.SimpleDraweeView
            android:id="@+id/item_image_three"
            android:layout_width="100dp"
            android:layout_weight="1"
            android:layout_height="100dp"
            app:placeholderImage="@mipmap/ic_launcher"/>
    </LinearLayout>
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/item_textview_data"
        android:text="AAAAAAAAA"
        android:textSize="20sp"/>
</LinearLayout>

注意:
    /*okHttp*/
    implementation 'com.squareup.okhttp3:okhttp:3.12.0'
    /*recyclerview*/
    implementation 'com.android.support:recyclerview-v7:28.0.0'
    /*gson解析*/
    implementation 'com.google.code.gson:gson:2.2.4'
    /*fresco*/
    implementation 'com.facebook.fresco:fresco:1.11.0'
    /*xrecyclerview*/
    implementation 'com.jcodecraeer:xrecyclerview:1.2.0'

加入网络权限
<uses-permission android:name="android.permission.INTERNET"/>
注册Application
android:name=".application.MyApplication"
@.com别来无恙
关注
XRecyclerView的多条目加载（banner+列表）
qq_39792005的博客
11-23 638
XRecyclerView可以实现多条目加载，下拉刷新，滚动到底部加载更多以及添加header功能的的RecyclerView。使用方式和RecyclerView完全一致，不需要额外的layout，不需要写特殊的adater。加载效果内置了AVLoadingIndicatorView上的所有效果，可以根据需要指定。 首先，使用XRecyclerView需要导依赖包 compile
XRecyclerView的使用下拉刷新
qq_40332973的博客
10-24 548
为什么要使用XRecyclerView？因为它可以实现下拉刷新上拉加载的功能，而且有recyclerView 的属性，可以listView，GridView,还有瀑布流，也可以多条目展示； 说白了就是recylerView的升级版，有刷新加载功能；1.配置build.gradle文件：直接添加 compile 'com.jcodecraeer:xrecyclerview:1.3.2' 即可
android XRecyclerView下拉刷新
11-23
android自定义RecyclerView,实现上拉加载，下拉刷新的功能。
Android_XRecyclerView上拉下拉加载数据
Android___vv的博客
11-12 726
一:介绍 XRecyclerView对Recyclerview进行了扩展,使用的方式与Recyclerview一样,可实现上拉加载下拉刷新功能 二:依赖, manifests文件中加网络权限 compile 'com.jcodecraeer:xrecyclerview:1.2.0' 三:布局 <RelativeLayout xmlns:android="http://s
XRecyclerView上拉刷新下拉加载
Snoopyboy2597的博客
04-26 213
效果图： 首先要添加依赖： //xrecyclerviewimplementation 'com.jcodecraeer:xrecyclerview:1.3.2'//Gsonimplementation 'com.google.code.gson:gson:2.2.4'//okhttputilsimplementation 'com.zhy:okhttpu...
RecyclerView的上拉加载下拉刷新-xRecyclerView
c_hjf的博客
11-12 268
//依赖 compile 'com.jcodecraeer:xrecyclerview:1.2.0'  //布局 "1.0" encoding="utf-8"?>       xmlns:android="http://schemas.android.com/apk/res/android"     xmlns:app="http://schemas.android
XRecyclerView多条目加载
05-29 314
package com.example.test_demo.adapter; import android.content.Context; import android.media.Image; import android.support.annotation.NonNull; import android.support.v7.widget.RecyclerView; import and...
Android XRecyclerView实现多条目加载
01-20
首先，XRecyclerView是基于RecyclerView的一个扩展库，它提供了上拉加载更多、下拉刷新等额外的功能。要使用XRecyclerView，你需要在项目的build.gradle文件中添加相应的依赖： ```groovy compile '...
XRecyclerView的多条目请求数据,可以实现上拉加载下拉刷新
qq_39937301的博客
10-24 310
这只是XRecyclerView 多条目使用的一种方式，适合刚入门的程序猿
xRecyClerView列表展示多条目，下拉刷新，上拉加载，长按删除
jun_tong的博客
05-31 1384
例：主方法类：public class MainActivity extends AppCompatActivity implements INews { private XRecyclerView rv; private NewsPresenter presenter; private int page = 5010; private List&lt;News.D...
Android——XRecyclerView实现上拉下拉，多条目布局
Dabinmo
10-23 637
Android——XRecyclerView实现上拉下拉，多条目布局本篇主要是为实现上拉下拉，多条目布局。 XRecyclerView是对RecyclerView的再次封装，主要提供了刷新、加载功能。 与RecyclerView相比，主要是在适配器Adapter中做出了修改。①：我们需要导入新的依赖包：compile //bufferknife compile 'com.jakewharton
Android XRcyclerView刷新，加载更多
xcjean的博客
10-25 465
效果图: 1.导入依赖: /*xrecyclerview*/ compile 'com.jcodecraeer:xrecyclerview:1.3.2' // imageolader compile 'com.nostra13.universalimageloader:universal-image-loader:1.9.5' // logger日志的使
xrecyclerview的上拉刷新下拉加载
qq_42785994的博客
11-23 230
依赖:implementation ‘com.jcodecraeer:xrecyclerview:1.2.0’ mRecyclerView.setLoadingListener(new XRecyclerView.LoadingListener() { @Override public void onRefresh(...
XRecyclerView带刷新
qq_40446718的博客
02-07 521
https://www.jianshu.com/p/b0cf96b592a5 介绍： 一个实现了下拉刷新，滚动到底部加载更多以及添加header功能的的RecyclerView。使用方式和RecyclerView完全一致，不需要额外的layout，不需要写特殊的adater。 加载效果内置了AVLoadingIndicatorView上的所有效果，可以根据需要指定。 运行效果
XRecyclerView+上拉加载下拉刷新+多条目加载
qq_40317838的博客
10-25 500
首先我是先创建了一个fragment+viewpager,然后在fragment其中的一个页面操作xrecyclerview和多条目显示,同时还做了Banner的轮播图 接下来先看一下fragment中的代码,xml中自己可以自定义配置,这里我就不贴了 package com.example.enddemo.fragments; import android.content.Co
XrecyclerView实现加载数据和切换不同布局
01-20
在Android开发中，`XRecyclerView`是一个非常实用的库，它扩展了标准的`RecyclerView`，提供了更多功能，如上拉加载更多、下拉刷新等。在这个实例中，我们将探讨如何使用`XRecyclerView`来加载数据并切换不同的布局...
XRecycleView的下拉，多条目加载
笔片
10-23 402
在LIstView和RecyclerView的上拉加载使用会比较麻烦，而XRecyclerView非常方便的决解了这些问题，都已经封装好了，我们只需要调用方法就OK了。接下来，就直接写代码了： 首先，XRecycleView很明显，是在RecycleView的基础上集成的，所以，这里我就详细的说明基本的RecycleView了，如果不知道的朋友，可以去我的前几篇博客详细的了解： 地址：http
Android XRecyclerView简单实现上拉刷新，下拉加载
qq_39842328的博客
10-24 745
首先，导入依赖：compile 'com.jcodecraeer:xrecyclerview:1.3.2' 然后在MainActivity里进行主要的代码 （我的刷新和加载是根据page(页码)来进行的） public class MainActivity extends AppCompatActivity { private XRecyclerView rlv;
xrecyclerView分页加载，多条目显示
酒醉奈何橋
05-11 1225
model包 GoodsAdapter public class GoodsAdapter extends RecyclerView.Adapter{ public static final int TYPE_ONE_IMAGE = 0; public static final int TYPE_TWO_IMAGE = 1; private Context ...
XRecyclerView实现RecyclerView下拉刷新上来加载
03-24
XRecyclerView实现RecyclerView下拉刷新上来加载 自己做了部分修改，使代码更简洁易用
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值