RecycleView 和 OKhttp3数据请求的结合使用

首先先添加依赖

RecyclerView的依赖（这里有版本问题，不过高版本可以兼容低版本）

compile 'com.android.support:recyclerview-v7:23.2.0'

OkHttp3的依赖

compile 'com.squareup.okhttp3:okhttp:3.2.0'
compile 'com.squareup.okio:okio:1.7.0'

添加网络权限

<uses-permission android:name="android.permission.INTERNET"/>

在activity_main.xml布局中引用RecycleView控件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.douya.recycler.activity.MainActivity">
    <android.support.v7.widget.RecyclerView
        android:id="@+id/recycler"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        >

    </android.support.v7.widget.RecyclerView>


</RelativeLayout>

定义RecycleView的适配器

import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.view.View;
import android.view.ViewGroup;
import android.view.WindowManager;
import android.widget.ImageView;
import android.widget.TextView;

import com.douya.recycler.R;
import com.douya.recycler.bean.Bean;
import com.nostra13.universalimageloader.core.DisplayImageOptions;
import com.nostra13.universalimageloader.core.ImageLoader;
import com.nostra13.universalimageloader.core.display.CircleBitmapDisplayer;

import java.util.List;

/**
 * Created by 杨圆圆 on 2017/9/28.
 */

public class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyHolder>{
    private Context context;
    private List<Bean.DataBean.ComicsBean> comics;
    private final DisplayImageOptions options;

    public MyAdapter(Context context, List<Bean.DataBean.ComicsBean> comics) {
        this.context = context;
        this.comics = comics;
        options = new DisplayImageOptions
                .Builder()
                .displayer(new CircleBitmapDisplayer())
                .build();
    }

    @Override
    public MyHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        //加载布局
        View view = View.inflate(context, R.layout.item, null);
        //因为recycleView没法和父窗体适配，所以需要做适配，不然不能点击整个条目，只能点击对应的控件
       //得到管理器
        WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
        //得到宽度
        int width = wm.getDefaultDisplay().getWidth();
        RecyclerView.LayoutParams layoutParams=new RecyclerView.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,ViewGroup.LayoutParams.WRAP_CONTENT);
        layoutParams.width=width;
        view.setLayoutParams(layoutParams);
        MyHolder holder=new MyHolder(view);
        return holder;
    }
    //将数据和Holder进行关联
    @Override
    public void onBindViewHolder(MyHolder holder, int position) {
        Bean.DataBean.ComicsBean comicsBean = comics.get(position);
        holder.tv_title.setText(comicsBean.getTitle());
        ImageLoader.getInstance().displayImage(comicsBean.getCover_image_url(),holder.iv_tu,options);
    }
    //返回总条目数
    @Override
    public int getItemCount() {
        return comics.size();
    }
    //ViewHolder类
    public class MyHolder extends RecyclerView.ViewHolder{

        private final TextView tv_title;
        private final ImageView iv_tu;

        public MyHolder(View itemView) {
            super(itemView);
            tv_title = (TextView) itemView.findViewById(R.id.tv_title);
            iv_tu = (ImageView) itemView.findViewById(R.id.iv_tu);
        }
    }
}

RecycleView的条目布局

<?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"
    android:orientation="horizontal">
    <ImageView
        android:id="@+id/iv_tu"
        android:layout_width="100dp"
        android:layout_height="80dp" />
    <TextView
        android:id="@+id/tv_title"
        android:layout_width="wrap_content"
        android:layout_height="80dp"
        android:background="#ffff00"
        android:gravity="center_vertical"
        android:text="标题"/>
</LinearLayout>

封装一个OKHttp工具类

import java.util.Map;

import okhttp3.Call;
import okhttp3.Callback;
import okhttp3.FormBody;
import okhttp3.OkHttpClient;
import okhttp3.Request;

/**
 * 使用单例模式的懒汉式进行封装
 * 
 */

public class NetWorkUtils {
    //声明一个静态OKHttpclient对象
    private static OkHttpClient okHttpClient;
    //定义一个私有的静态变量
    private static NetWorkUtils netWorkUtils;
    //定义一个私有的静态构造方法
    private NetWorkUtils() {
    }
    //定义一个公共的静态方法用来返回实例
    public static NetWorkUtils getInstance(){
        if(netWorkUtils==null){
            synchronized (NetWorkUtils.class){
                if(netWorkUtils==null){
                    netWorkUtils=new NetWorkUtils();
                }
            }
        }
        return netWorkUtils;
    }
    //定义一个静态获取okHttpClient的方法
    public static OkHttpClient getOkHttpInstance(){
            if(okHttpClient==null){
                okHttpClient=new OkHttpClient.Builder().build();
            }
            return okHttpClient;
    }

    //定义一个get方法进行数据请求
    public void doGet(String url, Callback callback){
        //初始化OKHTTP对象
        OkHttpClient httpClient=getOkHttpInstance();
        //创建request对象
        Request request=new Request.Builder().url(url).build();
        //创建CallBack对象
        Call call = httpClient.newCall(request);
        //进行异步请求
        call.enqueue(callback);
    }
    //定义一个post方法进行数据请求
    public void doPost(String url, Callback callback, Map<String,String> params){
        //初始化OKHTTP对象
        OkHttpClient httpClient=getOkHttpInstance();
        //创建FormBody
        FormBody.Builder builder=new FormBody.Builder();
        //遍历集合将值添加到FormBody
        for(String key: params.keySet()){
            //根据key值获取value值
            String value = params.get(key);
            builder.add(key,value);
        }
        FormBody body = builder.build();
        //创建request对象
        Request request=new Request.Builder()
                .url(url)
                .post(body)
                .build();
        //创建CallBack对象
        Call call = httpClient.newCall(request);
        call.enqueue(callback);
    }


 }

下面就在MainActivity中进行请求数据和RecycleView设置适配器

public class MainActivity extends AppCompatActivity {
    private Handler handler=new Handler(){
        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);
            String str = (String) msg.obj;
            Toast.makeText(MainActivity.this,str,Toast.LENGTH_SHORT).show();
            //获取Gson对象
            Gson gson=new Gson();
            Bean bean = gson.fromJson(str, Bean.class);
            List<Bean.DataBean.ComicsBean> comics = bean.getData().getComics();
            //初始化适配器
            MyAdapter adapter=new MyAdapter(MainActivity.this,comics);
            //给recycleView添加适配器
            recycler.setAdapter(adapter);

        }
    };
    private RecyclerView recycler;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //查找组件
        recycler = (RecyclerView) findViewById(R.id.recycler);
        //设置布局管理器
        LinearLayoutManager manager=new LinearLayoutManager(this);
        recycler.setLayoutManager(manager);

        getData();

    }
    private void getData(){
        String url="http://api.kkmh.com/v1/daily/comic_lists/1487606400?since=0&gender=0";
        NetWorkUtils.getInstance().doGet(url, new Callback() {
            @Override
            public void onFailure(Call call, IOException e) {

            }

            @Override
            public void onResponse(Call call, Response response) throws IOException {
                String string = response.body().string();
                Message message=new Message();
                message.obj=string;
                handler.sendMessage(message);
            }
        });
    }

}
注：适配器中的图片使用ImageLoader框架加载！！！
    在Application中进行了全局配置

RecycleView 和 OKhttp3数据请求 的结合使用

猜你喜欢

RecycleView 和 OKhttp3数据请求的结合使用