XRecycleView，多条目展示_recyview条目数据对其-CSDN博客

本文链接：https://blog.csdn.net/pentablet/article/details/78345337

前一篇文章，我给大家简单的写了一下XRecycleView，但是，数据太少了，所以今天再给大家带来一篇完整的

先来看一下最终效果图吧，我是将多条目展示放在了一个Fragment中，但大体上不影响的。

接下来，就给大家具体的走一遍代码：

这个工程中，有XRecycleView、Banner轮播，OkHttp请求数据，

首先，还是敲代码前的准备工作，先导入依赖：（这离依赖有点多，所以我就部分了，全都粘来了，）

    compile 'com.android.support:appcompat-v7:25.3.1'
    testCompile 'junit:junit:4.12'
    compile 'com.android.support:mediarouter-v7:25.0.0'
    compile 'com.android.support:appcompat-v7:25.0.0'
    compile 'com.android.support:recyclerview-v7:25.0.0'
    compile 'com.squareup.okio:okio:1.5.0'
    compile 'com.squareup.okhttp3:okhttp:3.2.0'
    compile 'com.squareup.okhttp3:logging-interceptor:3.4.1'
    compile 'com.google.code.gson:gson:2.8.2'
    compile 'com.jcodecraeer:xrecyclerview:1.3.2'
    compile 'com.squareup.okio:okio:1.5.0'
    compile 'com.squareup.okhttp3:okhttp:3.2.0'
    compile 'com.squareup.okhttp3:logging-interceptor:3.4.1'
    compile 'com.google.code.gson:gson:2.8.2'
    compile 'com.youth.banner:banner:1.4.9'
    //compile 'com.nostra13.universalimageloader:universal-image-loader:1.9.5'
    compile 'com.github.bumptech.glide:glide:3.7.0'

接下来，加入权限：

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.VIBRATE" />
大家不要忘了，数据是从网路上请求下来的，这里我用了OkHttp请求网络数据，大家可以去我前一篇文章，哪里有集体的OkHttp代码（包括三
个工具类）
http://blog.csdn.net/pentablet/article/details/78273444
建一个类API，这里就是把要请求的网址写到里边。：
package utils;

/**
 * Created by 笔片 on 2017/10/25.
 */

public class API {
    public static final String TYPE_PATH = "http://192.168.28.5/mobile/index.php?act=goods_class";
    public static final String TYPE_HOME="http://tingapi.ting.baidu.com/v1/restserver/ting?method=baidu.ting.billboard.billList&type=2&size=10&offset=0";
}

GlideImaGlideImageLoader类，主要还是请求网络图片用的，当然这里也可以使用ImageLoader：
package utils;

import android.content.Context;
import android.widget.ImageView;

import com.bumptech.glide.Glide;
import com.youth.banner.loader.ImageLoader;

/**
 * Created by 笔片 on 2017/10/25.
 */

public class GlideImaGlideImageLoader extends ImageLoader {

    public void displayImage(Context context, Object path, ImageView imageView) {
        Glide.with(context).load(path).into(imageView);
    }
}

对于我请求的这个借口，还需要一个网络拦截器，这个拦截器是一对一的，一个网络接口对应一个网络拦截器，这个类看大家的了。：
package utils;

import android.os.Build;

import java.io.IOException;

import okhttp3.Interceptor;
import okhttp3.Request;
import okhttp3.Response;

/**
 * Created by 笔片 on 2017/10/16.
 * 网络拦截器
 */

public class LoggingInterceptor implements Interceptor{
    private static final String UA = "User-Agent";
    @Override
    public Response intercept(Chain chain) throws IOException {
        Request request = chain.request()
                .newBuilder()
                .addHeader(UA, makeUA())
                .build();
        return chain.proceed(request);
    }
    private String makeUA() {
        String s = Build.BRAND + "/" + Build.MODEL + "/" + Build.VERSION.RELEASE;
        return Build.BRAND + "/" + Build.MODEL + "/" + Build.VERSION.RELEASE;
    }
}
拦截器写完之后，当然还是需要配置的，：在工具类中进行配置：



在布局文件中：fragment1_item.xml:
<com.jcodecraeer.xrecyclerview.XRecyclerView
        android:id="@+id/xre_xrv"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    </com.jcodecraeer.xrecyclerview.XRecyclerView>

在主函数中：这里我也到了fragment中，也一样的：
package fragments;

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.support.v7.widget.LinearLayoutManager;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Toast;

import com.bwie.test.yuekaotext.R;
import com.jcodecraeer.xrecyclerview.XRecyclerView;

import java.io.IOException;
import java.util.ArrayList;
import java.util.List;

import adapter.XRAdapter;
import bean.HomeBean;
import okhttp3.Call;
import utils.API;
import utils.GsonObjectCallback;
import utils.OkHttp3Utils;

/**
 * Created by 笔片 on 2017/10/25.
 */

public class fragment1 extends Fragment{
    private XRecyclerView xr;
    private List<String> list = new ArrayList<>();
    //获取数据的开始
    private int curr;
    private XRAdapter adapter;
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment1_item,container,false);
        //初始化xr
        xr = (XRecyclerView) view.findViewById(R.id.xre_xrv);
        //加布局管理器
        LinearLayoutManager layoutManager = new LinearLayoutManager(getActivity());
        layoutManager.setOrientation(LinearLayoutManager.VERTICAL);
        xr.setLayoutManager(layoutManager);
        xr.setLoadingListener(new XRecyclerView.LoadingListener() {
            @Override
            public void onRefresh() {
                curr = 0;
                list.clear();
                getData(API.TYPE_HOME, curr);
                xr.refreshComplete();
            }

            @Override
            public void onLoadMore() {
             /*   curr++;
                getData(API.TYPE_HOME,curr);
                xr.refreshComplete();*/
            }
        });
        getData(API.TYPE_HOME, 1);
        return view;
    }
    //初始化数据
    private void getData(String url, int curr) {
        OkHttp3Utils.getInstance().doGet(url, new GsonObjectCallback<HomeBean>() {
            @Override
            public void onUi(HomeBean homeBean) {
                List<HomeBean.SongListBean> song_list = homeBean.getSong_list();
                homeBean.getError_code();
                XRAdapter mxradapter = new XRAdapter(song_list,getActivity());
                xr.setAdapter(mxradapter);
            }

            @Override
            public void onFailed(Call call, IOException e) {

            }
        });
    }
}

接着，就要建适配器了XRAdapter：这个类中就是大家想要的分类了，这里还要导入ImageLoader的Jar包
{
   HomeBean.SongListBean，这个类是我的数据接口封装类，
   MyNews，这个类，是自条目，自己需要展示什么数据，就在里边些什么数据
}
package adapter;

import android.content.Context;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;

import com.bwie.test.yuekaotext.R;
import com.youth.banner.Banner;
import com.youth.banner.loader.ImageLoader;

import java.util.ArrayList;
import java.util.List;

import bean.HomeBean;
import bean.MyNews;
import utils.GlideImaGlideImageLoader;

/**
 * Created by 笔片 on 2017/10/25.
 */

public class XRAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
    List<HomeBean.SongListBean> song_list;
    Context mcontext;
    ArrayList mlist;
    ArrayList<MyNews> list_news;
    RecyclelistAdapter adapter;

    //枚举类型
    private enum Item_Type {

        Typeone, Typetwo

    }

    public XRAdapter(List<HomeBean.SongListBean> song_list, Context mcontext) {
        this.song_list = song_list;
        this.mcontext = mcontext;
    }

    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {

        if (viewType == Item_Type.Typeone.ordinal()) {
            View mView = LayoutInflater.from(mcontext).inflate(R.layout.recycle_banner_item, null);
            ViewHolderA viewHolder = new ViewHolderA(mView);
            return viewHolder;

        } else if (viewType == Item_Type.Typetwo.ordinal()) {

            View mView = LayoutInflater.from(mcontext).inflate(R.layout.list_item, null);
            ViewHolderB viewHolder = new ViewHolderB(mView);
            return viewHolder;
        }
        return null;
    }

    /**
     * 绑定数据：可以直接拿到已经绑定控件的Viewholder对象
     *
     * @param holder
     * @param position
     */
    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
        if (holder instanceof ViewHolderA) {
            mlist = new ArrayList();
            for (int i = 0; i<song_list.size(); i++){
                mlist.add(song_list.get(i).getPic_big());
            }
            //设置图片加载器
            ((ViewHolderA) holder).mbanner.setImageLoader(new GlideImaGlideImageLoader());
            ((ViewHolderA) holder).mbanner.setImages(mlist);
            ((ViewHolderA) holder).mbanner.start();

        } else if (holder instanceof ViewHolderB) {
//            list_news = new ArrayList<MyNews>();
//            for (int i = 0; i<song_list.size(); i++){
//                list_news.add(new MyNews(song_list.get(i).getPic_big(),song_list.get(i).getAlbum_title()));
//            }
            ((ViewHolderB) holder).tv.setText(song_list.get(position).getAlbum_title());
            String imgURL = song_list.get(position).getPic_big();
            com.nostra13.universalimageloader.core.ImageLoader instance = com.nostra13.universalimageloader.core.ImageLoader.getInstance();
            instance.displayImage(imgURL,((ViewHolderB) holder).img);

        }
    }

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

    @Override
    public int getItemViewType(int position) {
        if (position == 0) {
            return 0;
        } else {
            return 1;
        }
    }

    class ViewHolderA extends RecyclerView.ViewHolder {
        public Banner mbanner;

        public ViewHolderA(View itemView) {
            super(itemView);

            mbanner = (Banner) itemView.findViewById(R.id.banner);
        }
    }


    class ViewHolderB extends RecyclerView.ViewHolder {

        public ImageView img;
        public TextView tv;

        public ViewHolderB(View itemView) {
            super(itemView);
            img = (ImageView) itemView.findViewById(R.id.img);
            tv = (TextView) itemView.findViewById(R.id.tv);
        }
    }
}

MyNews.class:
package bean;

/**
 * Created by 笔片 on 2017/10/25.
 */

public class MyNews {
    private String imgURL;
    private String title;

    @Override
    public String toString() {
        return "MyNews{" +
                "imgURL='" + imgURL + '\'' +
                ", title='" + title + '\'' +
                '}';
    }

    public String getImgURL() {
        return imgURL;
    }

    public void setImgURL(String imgURL) {
        this.imgURL = imgURL;
    }

    public String getTitle() {
        return title;
    }

    public void setTitle(String title) {
        this.title = title;
    }

    public MyNews(String imgURL, String title) {

        this.imgURL = imgURL;
        this.title = title;
    }
}
recycle_banner_item:这个就是放置Banner的xml:
<com.youth.banner.Banner
        android:id="@+id/banner"
        android:layout_width="match_parent"
        android:layout_height="200dp"></com.youth.banner.Banner>

list_item:第二种布局的xml:
<ImageView
        android:id="@+id/img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <TextView
        android:text="woshi"
        android:id="@+id/tv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

这其中，我用ImageLoader请求图片，就要先初始化：MyApp:
记得在清单文件中配置：

package app;

import android.app.Application;

import com.nostra13.universalimageloader.core.ImageLoader;
import com.nostra13.universalimageloader.core.ImageLoaderConfiguration;

/**
 * 1. 类的用途
 * 2. @author forever
 * 3. @date 2017/9/8 12:33
 */

public class MyApp extends Application {
    public static MyApp mInstance;
    @Override
    public void onCreate() {
        super.onCreate();
        ImageLoaderConfiguration configuration = ImageLoaderConfiguration.createDefault(getApplicationContext());
        ImageLoader.getInstance().init(configuration);
        mInstance = this;

    }
    public static MyApp getInstance() {
        return mInstance;
    }
}

我自己有根据步骤走了一遍，出来了，说明还可以：