Android Retrofit网络获取数据+Recyclerview展示数据

本人第一篇个人博客，还是 Android 方向的技术，retrofit 我们可以简单理解为网络加载框架，底层呢还是基于 okhttp，
对于新手来说，可以减少代码量，更方便使用，而且还支持和 RXJava 一起使用。
然后就是使用 Recyclerview 列表去展示我们所获取的数据

先看一眼效果图：

那我们闲话少说，直接上代码了。

首先我们要在相对应的 build.gradle 文件中导入相应的依赖

    implementation 'androidx.recyclerview:recyclerview:1.1.0'
    implementation 'com.squareup.retrofit2:retrofit:2.4.0'
    implementation 'com.squareup.retrofit2:converter-gson:2.4.0'
    implementation 'com.squareup.picasso:picasso:2.71828'
    //picasso是图片加载框架，也是简单的使用，有兴趣的小伙伴也可以看看

然后在清单文件中加入网络访问权限

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

接下来是布局

主布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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=".MainActivity">

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recyclerView"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    </androidx.recyclerview.widget.RecyclerView>

</LinearLayout>

然后 Recyclerview 中的每一个 item 项的子布局 xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#FFFFFF"
    android:padding="1dp">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="0dp"
        android:layout_height="120dp"
        android:layout_weight="2" />

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="120dp"
        android:layout_weight="3"
        android:orientation="vertical">

        <TextView
            android:id="@+id/title"
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:gravity="center"
            android:textColor="#000"
            android:textStyle="bold" />

        <TextView
            android:id="@+id/food_str"
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:gravity="center"
            android:textColor="#000" />
    </LinearLayout>

</LinearLayout>

然后我们要去生成一个 JavaBean 的实体类：

package com.example.retrofit;

import java.util.List;

public class Bean {

    private int ret;
    private List<DataBean> data;
    public int getRet() {
        return ret;
    }
    public void setRet(int ret) {
        this.ret = ret;
    }
    public List<DataBean> getData() {
        return data;
    }
    public void setData(List<DataBean> data) {
        this.data = data;
    }

    public static class DataBean {
        /**
         * id : 8289
         * title : 油焖大虾
         * pic : http://www.qubaobei.com/ios/cf/uploadfile/132/9/8289.jpg
         * collect_num : 1667
         * food_str : 大虾 葱 生姜 植物油 料酒
         * num : 1667
         */

        private String id;
        private String title;
        private String pic;
        private String collect_num;
        private String food_str;
        private int num;

        public String getId() {
            return id;
        }

        public void setId(String id) {
            this.id = id;
        }

        public String getTitle() {
            return title;
        }

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

        public String getPic() {
            return pic;
        }

        public void setPic(String pic) {
            this.pic = pic;
        }

        public String getCollect_num() {
            return collect_num;
        }

        public void setCollect_num(String collect_num) {
            this.collect_num = collect_num;
        }

        public String getFood_str() {
            return food_str;
        }

        public void setFood_str(String food_str) {
            this.food_str = food_str;
        }

        public int getNum() {
            return num;
        }

        public void setNum(int num) {
            this.num = num;
        }
    }
}

这里推荐把从网址上拿下来的字符串，先进行解析，笔者使用的是GsonFormat的插件，可以对数据一键解析，具体推荐使用GsonFormat的插件，快捷键 ctrl+S。

创建完实体类就可准备请求数据了，先写一个接口：

package com.example.retrofit;

import retrofit2.Call;
import retrofit2.http.GET;
import retrofit2.http.Url;

public interface IRetrofitService {
    @GET
    Call<Bean> getUrl(@Url String url);
}

然后我们这里在准备一个 base_url

package com.example.retrofit;

public class Contant {
    public static final String BASE_URL ="http://www.qubaobei.com";
}

这里可有部分朋友理解不了，这样写的好处是，当公司正式的项目没有上线时，有可能使用的公网的地址，还不是正式的域名，单独把 BASE_URL 提出来的好处也是为了日后方便修改，不用在去代码海里去挨个找寻。

下边是具体的请求数据的部分：

 Retrofit  retrofit = new Retrofit.Builder()//创建retrofit实体
             .baseUrl(Contant.BASE_URL)//添加BASEURL
             .addConverterFactory(GsonConverterFactory.create())添加Gson工厂
             .build();
        IRetrofitService retrofitService=retrofit.create(IRetrofitService.class);//拿到刚刚的接口
        Call<Bean> call = retrofitService.getUrl(ur);//填入网址
        call.enqueue(new Callback<Bean>() {
            @Override
            //当请求成功后存入集合并刷新适配器数据
            public void onResponse(Call<Bean> call, Response<Bean> response) {
                Bean bean = response.body();
                arrayList.addAll(bean.getData());
                recyclerViewAdapter.refresh(arrayList);
            }
            @Override
            public void onFailure(Call<Bean> call, Throwable t) {
            t.printStackTrace();
            }
        });

完整的 MainActivity 类

package com.example.retrofit;


import android.os.Bundle;
import android.util.Log;

import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;

import java.util.ArrayList;
import java.util.List;
import retrofit2.Call;
import retrofit2.Callback;
import retrofit2.Response;
import retrofit2.Retrofit;
import retrofit2.converter.gson.GsonConverterFactory;

public class MainActivity extends AppCompatActivity {
    private List<Bean.DataBean> arrayList=new ArrayList<>();
    private RecyclerView recyclerView;
    private RecyclerViewAdapter recyclerViewAdapter;
    private String url="https://www.qubaobei.com/ios/cf/dish_list.php?stage_id=1&limit=20&page=1";
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        //Log.d("lcj","start initView");
        initView();
        //Log.d("lcj","end initView");
        
        //Log.d("lcj","start initData");
        initData();
        //Log.d("lcj","end initData");
        
    }

    private void initView() {
        //查找recyclerview控件
        recyclerView = (RecyclerView) findViewById(R.id.recyclerView);

        //创建线性布局管理器
        LinearLayoutManager manager = new LinearLayoutManager(this);
        //添加垂直布局
        manager.setOrientation(LinearLayoutManager.VERTICAL);
        //将线性布局管理器添加到recyclerview中
        recyclerView.setLayoutManager(manager);
        //实例化适配器
        recyclerViewAdapter=new RecyclerViewAdapter(getApplicationContext(),arrayList);
        //添加适配器
        recyclerView.setAdapter(recyclerViewAdapter);
    }

    private void initData() {
        Retrofit retrofit = new Retrofit.Builder()
                .baseUrl(Contant.BASE_URL)
                .addConverterFactory(GsonConverterFactory.create())
                .build();
        IRetrofitService retrofitService=retrofit.create(IRetrofitService.class);
        Call<Bean> call = retrofitService.getUrl(url);
        call.enqueue(new Callback<Bean>() {
            @Override
            public void onResponse(Call<Bean> call, Response<Bean> response) {
                Bean bean = response.body();
                arrayList.addAll(bean.getData());
                recyclerViewAdapter.refresh(arrayList);
            }
            @Override
            public void onFailure(Call<Bean> call, Throwable t) {
                t.printStackTrace();
            }
        });
    }

}

然后是最后一步，我们已经拿到数据并且将它存入集合当中，剩下要做的事就是将数据展示出来，recyclerview 的使用，就是通过适配器来完成的。

package com.example.retrofit;

import android.content.Context;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;

import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;

import com.squareup.picasso.Picasso;

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

public class RecyclerViewAdapter extends RecyclerView.Adapter<RecyclerViewAdapter.MyHolder>{
    private Context context;
    private List<Bean.DataBean> data= new ArrayList<>();
    //构造中传入上下文和带有数据的集合
    public RecyclerViewAdapter(Context context, List<Bean.DataBean> data) {
        this.context = context;
        this.data = data;
    }
    @NonNull
    @Override
    public MyHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int i) {
        Log.d("lcj","onCreateViewHolder");
        //这个方法主要是找的我们刚刚所写的item布局
        View inflate = LayoutInflater.from(context).inflate(R.layout.item, viewGroup, false);
        return new MyHolder(inflate);
    }
    @Override
    public void onBindViewHolder(@NonNull MyHolder myHolder, int i) {
        Log.d("lcj","onBindViewHolder");
        //将集合中的具体数据拿到相应的item项中展示
        Picasso.get().load(data.get(i).getPic()).into(myHolder.im);
        myHolder.title.setText(data.get(i).getTitle());
        myHolder.food_str.setText(data.get(i).getFood_str());
    }
    @Override
    public int getItemCount() {
        //集合的长度
        return data.size();
    }
    public void refresh(List<Bean.DataBean> list){
        //这个方法是我们自己手写的，主要是对适配器的一个刷新
        this.data.addAll(list);
        notifyDataSetChanged();
        Log.d("lcj","notifyDataSetChanged");
    }
    class MyHolder extends RecyclerView.ViewHolder {
        //ViewHolder的作用主要是 性能的优化
        //在每个子item项中的子控件都是一样的情况下，达到控件的复用从而达到节约系统资源的目的
        ImageView im;
        TextView title;
        TextView food_str;
        public MyHolder(@NonNull View itemView) {
            super(itemView);
            
            im=itemView.findViewById(R.id.imageView);
            title=itemView.findViewById(R.id.title);
            food_str=itemView.findViewById(R.id.food_str);
        }
    }
}

结语: 希望路过的人能有所收获，这只是，最最简单的基本使用，大佬勿喷，有错误和不足还请指正！