本人第一篇个人博客,还是 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);
}
}
}
结语: 希望路过的人能有所收获,这只是,最最简单的基本使用,大佬勿喷,有错误和不足还请指正!