paging组件的用法和意义

阅读原文时间：2023年08月29日阅读：1

一.Paging组件的意义

　　分页加载是在应用程序开发过程中十分常见的需求，我们经常需要以列表的方式加载大量的数据，这些数据通常来自网络或本地数据库。然而，如果一次性将所有数据全部加载出来，必然会消耗大量的时间和数据流量，而且用户可能只是需要一部分数据就行。因此，Google便推出了paging组件，来实现分页加载；分页加载就是对数据进行按需加载，在不影响用户体验的同时，还能节省数据流量，提升应用的性能。

二.Paging支持的架构类型

　　Paging支持3种架构类型，分别是：网络，数据库，网络+数据库

　　网络：也就是通过网络请求的方式去获得服务器返回的数据，然后分页加载出来

　　数据库：掌握了从网络上获取数据并加载出来，从数据库加载就变得很简单，只需替换数据源即可

　　网络+数据库：出于用户的体验，通常我们会对网络数据进行缓存，以便用户下次打开应用程序时，应用程序可以先展示缓存数据，我们通常会利用数据库对网络数据进行缓存，但这也意味着我们需要同时处理好网络和数据库这两个数据源。但是，多个数据源会让业务逻辑变得更为复杂，所以我们通常采用单一数据源作为解决方案，即从网络获取的数据，直接缓存进数据库，列表仅从数据库这个唯一的数据源获取数据。

三.三种分页机制的适用场景

　　PositionalDataSource:

　　适用于从任意位置加载任意数量的数据，且目标数据源中数据固定的情况。

　　PageKeyedDataSource:

　　适用于数据源以页的方式进行请求的情况，比如请求第二页的5条数据。

　　ItemKeyedDataSource:

　　适用于当目标数据的下一页需要依赖于上一页数据中最后一个对象中的某个字段作为key的情况，例如我请求key=9001后的5条数据作为下一页的数据。

　　下面会以PositionalDataSource为例进行讲解，其他方式极其相似。

四.分页机制的实现

　　我们以从豆瓣网上获取热度最高的250部电影为例进行讲解，这里我们使用Retrofit+OkHttp进行网络数据的获取，如果对这两个网络请求工具不熟悉的话，可以看这篇博客：https://www.cnblogs.com/luqman/p/okhttp_retrofit.html

　　这里我们请求的api接口是https://movie.douban.com/j/chart/top_list?type=11&interval_id=100%3A90&action=&start=0&limit=250，接口返回的前五条数据如下所示：

　　有了这些json数据后，我们就可以编写对应的javaBean了，下面我们开始编写代码。

　　a.添加相关依赖：

implementation 'com.squareup.retrofit2:retrofit:2.9.0'
implementation 'com.squareup.retrofit2:converter-gson:2.9.0'
implementation 'androidx.paging:paging-runtime:2.1.2'

　　b.添加网络权限

　　c.构建网络请求框架：

public interface Api {  
/\*\*  
 \* 获取电影院当前上映的电影  
 \* https://movie.douban.com/j/chart/top\_list?type=11&interval\_id=100%3A90&action=&start=40&limit=20  
 \*/  
@GET("j/chart/top\_list")  
Call<List<Movie>> getMovies(@Query("start") int start, @Query("limit") int limit);

}

public class RetrofitClient {
private static final String BASE_URL="https://movie.douban.com";
private static RetrofitClient retrofitClient;
private final Retrofit retrofit;

private RetrofitClient(){  
    retrofit=new Retrofit.Builder()  
            .baseUrl(BASE\_URL)  
            .addConverterFactory(GsonConverterFactory.create())  //添加转换器  
            .client(getClient())  //添加OkHttp的拦截器  
            .build();  
}  
public static synchronized RetrofitClient getInstance(){  
    if(retrofitClient==null){  
        retrofitClient=new RetrofitClient();  
    }  
    return retrofitClient;  
}  
public Api getApi(){  
    return retrofit.create(Api.class);  
}  
private OkHttpClient getClient(){  
    OkHttpClient client=new OkHttpClient.Builder()  
            .addInterceptor(new Interceptor() {  
                @Override  
                public Response intercept(Chain chain) throws IOException { //拦截器用于添加请求参数，会在源url上进行修改  
                    Request original = chain.request();  
                    HttpUrl url = original.url();  
                    HttpUrl currentUrl = url.newBuilder()  
                            .addQueryParameter("interval\_id", "100:90")  
                            .addQueryParameter("type", "11")  
                            .addQueryParameter("action", "")  
                            .build();  
                    Request newRequest = original.newBuilder()  
                            .url(currentUrl)  
                            .build();  
                    return chain.proceed(newRequest);  
                }  
            })  
            .build();  
    return client;  
}

}

　　d.创建Model类

public class Movie{

private List<String> rating;  
private Integer    rank;  
private String cover\_url;  
private String    is\_playable;  
private String    id;  
private List<String> types;  
private List<String> regions;  
private String    title;  
private String    url;  
private String    release\_date;  
private Integer    actor\_count;  
private Integer    vote\_count;  
private String    score;  
private List<String> actors;  
private String    is\_watched;

public List<String> getRating() {  
    return this.rating;  
}

public void setRating(List<String> rating) {  
    this.rating = rating;  
}

public Integer getRank() {  
    return this.rank;  
}

public void setRank(Integer rank) {  
    this.rank = rank;  
}

public String getCover\_url() {  
    return this.cover\_url;  
}

public void setCover\_url(String cover\_url) {  
    this.cover\_url = cover\_url;  
}

public String getIs\_playable() {  
    return this.is\_playable;  
}

public void setIs\_playable(String is\_playable) {  
    this.is\_playable = is\_playable;  
}

public String getId() {  
    return this.id;  
}

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

public List<String> getTypes() {  
    return this.types;  
}

public void setTypes(List<String> types) {  
    this.types = types;  
}

public List<String> getRegions() {  
    return this.regions;  
}

public void setRegions(List<String> regions) {  
    this.regions = regions;  
}

public String getTitle() {  
    return this.title;  
}

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

public String getUrl() {  
    return this.url;  
}

public void setUrl(String url) {  
    this.url = url;  
}

public String getRelease\_date() {  
    return this.release\_date;  
}

public void setRelease\_date(String release\_date) {  
    this.release\_date = release\_date;  
}

public Integer getActor\_count() {  
    return this.actor\_count;  
}

public void setActor\_count(Integer actor\_count) {  
    this.actor\_count = actor\_count;  
}

public Integer getVote\_count() {  
    return this.vote\_count;  
}

public void setVote\_count(Integer vote\_count) {  
    this.vote\_count = vote\_count;  
}

public String getScore() {  
    return this.score;  
}

public void setScore(String score) {  
    this.score = score;  
}

public List<String> getActors() {  
    return this.actors;  
}

public void setActors(List<String> actors) {  
    this.actors = actors;  
}

public String getIs\_watched() {  
    return this.is\_watched;  
}

public void setIs\_watched(String is\_watched) {  
    this.is\_watched = is\_watched;  
}

@Override  
public String toString() {  
    return "Movie{" +  
            "rating=" + rating +  
            ", rank=" + rank +  
            ", cover\_url='" + cover\_url + '\\'' +  
            ", is\_playable='" + is\_playable + '\\'' +  
            ", id='" + id + '\\'' +  
            ", types=" + types +  
            ", regions=" + regions +  
            ", title='" + title + '\\'' +  
            ", url='" + url + '\\'' +  
            ", release\_date='" + release\_date + '\\'' +  
            ", actor\_count=" + actor\_count +  
            ", vote\_count=" + vote\_count +  
            ", score='" + score + '\\'' +  
            ", actors=" + actors +  
            ", is\_watched='" + is\_watched + '\\'' +  
            '}';  
}

}

　　e.编写一个类继承PositionalDataSource，并在此类中进行网络请求，获取服务器返回的数据。

public class MovieDataSource extends PositionalDataSource {
public static final int pageSize=5;
@Override
public void loadInitial(@NonNull LoadInitialParams loadInitialParams, @NonNull LoadInitialCallback loadInitialCallback) {//负责第一页数据的加载
int startPosition=0;
RetrofitClient.getInstance()
.getApi()
.getMovies(startPosition,pageSize)
.enqueue(new Callback>() {
@Override
public void onResponse(Call> call, Response> response) {
if(response.body()!=null){
loadInitialCallback.onResult(response.body(),0,250);//将数据返回给PagedList，250是指数据源中的数据总数，当调用了setEnablePlaceHolder(true)方法时，必须传入此参数，以便预留位置
}
}

                @Override  
                public void onFailure(Call<List<Movie>> call, Throwable t) {

                }  
            });  
}

@Override  
public void loadRange(@NonNull LoadRangeParams loadRangeParams, @NonNull LoadRangeCallback<Movie> loadRangeCallback) {//负责第一页之后数据的加载  
    RetrofitClient.getInstance()  
            .getApi()  
            .getMovies(loadRangeParams.startPosition,pageSize)  //在你滑动手机屏幕到底部请求下一页的数据时，loadRangeParams.startPosition会自动维护，不需要你手动修改  
            .enqueue(new Callback<List<Movie>>() {  
                @Override  
                public void onResponse(Call<List<Movie>> call, Response<List<Movie>> response) {  
                    if(response.body()!=null){  
                        loadRangeCallback.onResult(response.body());  
                    }  
                }

                @Override  
                public void onFailure(Call<List<Movie>> call, Throwable t) {

                }  
            });  
}

}

　　f.创建MovieDataSourceFactory类，负责MovieDataSource的创建。

public class MovieDataSourceFactory extends DataSource.Factory{
@NonNull
@Override
public DataSource create() {
return new MovieDataSource();
}
}

　　g.有了Factory类之后，接下来需要创建ViewModel类，在这个类中通过LivePagedListBuilder类创建和配置PagedList，并使用LiveData包装PagedList，然后在MainActivity中监测PagedList中数据的变化，并更新页面。

public class MovieViewModel extends ViewModel {
public LiveData> moviePagedList;
public MovieViewModel(){
PagedList.Config config=new PagedList.Config.Builder()
.setEnablePlaceholders(true) //设置是否为那些数量已知，但尚未加载出来的数据预留位置
.setPageSize(5)
.setPrefetchDistance(3) //设置当距离底部还有多少数据时加载下一页数据
.setInitialLoadSizeHint(20) //设置首次加载数据的数量
.setMaxSize(65536*5)　
.build();
moviePagedList=new LivePagedListBuilder<>(new MovieDataSourceFactory(),config).build(); //MovieDataSource中的onResult方法会把服务器返回的数据传递到PagedList当中
}
}

　　h.编写RecyclerView的适配器类，此类需要继承自PagedListAdapter。

public class MoviePagedListAdapter extends PagedListAdapter {
private final Context context;
public MoviePagedListAdapter(Context context){
super(diffCallback);
this.context=context;
}
private static final DiffUtil.ItemCallback diffCallback=new DiffUtil.ItemCallback() {
@Override
public boolean areItemsTheSame(@NonNull Movie oldItem, @NonNull Movie newItem) {//根据id来判断两条数据是否是同一条数据
return oldItem.getId().equals(newItem.getId());
}

    @SuppressLint("DiffUtilEquals")  
    @Override  
    public boolean areContentsTheSame(@NonNull Movie oldItem, @NonNull Movie newItem) {//比较两条数据的内容是否一样  
        return oldItem.equals(newItem);  
    }  
};  
@NonNull  
@Override  
public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {  
    LayoutInflater inflater=LayoutInflater.from(context);  
    MovieItemBinding movieItemBinding= DataBindingUtil.inflate(inflater,R.layout.movie\_item,parent,false);  
    return new ViewHolder(movieItemBinding);  
}

@Override  
public void onBindViewHolder(@NonNull ViewHolder holder, int position) {  
    Movie movie = getItem(position);//从PagedList中获取数据，如果没有的话，PagedList会通知DataSource获取下一页的数据  
    if(movie!=null){  
        holder.movieItemBinding.setMovie(movie);  
    }  
}

public static class ViewHolder extends RecyclerView.ViewHolder{  
    public MovieItemBinding movieItemBinding;  
    public ViewHolder(MovieItemBinding movieItemBinding) {  
        super(movieItemBinding.getRoot());  
        this.movieItemBinding=movieItemBinding;  
    }  
}

}

　　i.MainActivity实现：

public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
ActivityMainBinding activityMainBinding= DataBindingUtil.setContentView(this,R.layout.activity_main);
activityMainBinding.recyclerView.setLayoutManager(new LinearLayoutManager(this));
MoviePagedListAdapter moviePagedListAdapter=new MoviePagedListAdapter(this);
activityMainBinding.recyclerView.setAdapter(moviePagedListAdapter);
MovieViewModel movieViewModel = new ViewModelProvider(this).get(MovieViewModel.class);
movieViewModel.moviePagedList.observe(this, new Observer>() {
@Override
public void onChanged(PagedList movies) {
moviePagedListAdapter.submitList(movies);//当PagedList数据发生变化时，通知适配器更新数据，然后用getItem()方法获取数据
}
});
}
}

　　j.布局文件：

　　activity_main.xml:

　　movie_item.xml:

　　到这里，就可以运行程序，查看效果了!

　　不过，我在写代码的时候，遇到了一个bug调了很久，就是当我在MainActivity中将activityMainBinding.recyclerView.setHasFixedSize(true);这句代码加上时，加载不出来任何的数据；但是如果我将RecyclerView组件的布局高度改成match_parent后，即使设置了setHasFixedSize(true)也能加载出来数据，也不知道咋回事。

手机扫一扫

移动阅读更方便

你可能感兴趣的文章

谁家面试往死里问 Swagger 啊？

【.NET源码解读】深入剖析中间件的设计与实现

.NET Core WebAPI 基础文件上传

Intellij IDEA 插件开发

jmeter 二次开发详解

android webview调用js(vue)问题记录

《HelloGitHub》第 87 期

通过AOP拦截Spring Boot日志并将其存入数据库

《Kali渗透基础》06. 主动信息收集（三）

.NET API 中的 FromRoute、FromQuery、FromBody 用法