RxJava2 實戰知識梳理(4) 結合 Retrofit 請求新聞資訊

1、前言

如何經過結合Retrofit框架來進行網絡請求，也是RxJava的學習過程當中必需要掌握的一環。網上已經有不少開源項目和文章介紹了，今天這篇文章，咱們就經過一個簡單的例子，經過RxJava + Retrofit的方式實現網絡請求。

這個例子很簡單，咱們經過 乾貨集中營 提供的接口，分別請求Android類和iOS類的資訊，並將這兩個接口所返回的數據在界面上進行展現。

經過該例子，能夠學習如何將Retrofit和RxJava結合，並經過zip操做符實現等待多個網絡請求完成。

2、示例

2.1 接口介紹

首先來熟悉一下所用到的測試接口，其數據來自於 乾貨集中營，這裏選擇Android和iOS兩類的資訊，經過接口的描述，能夠知道發起請求時的變量包含三個：

• 分類
• 請求個數
• 請求頁數

返回的數據格式以下：

2.2 編寫 Entity 類

根據分析好的數據格式，咱們編寫對應的Entity類：

• 單次返回結果的數據結構：

public class NewsEntity {

    private boolean error;
    private List<NewsResultEntity> results = new ArrayList<>();

    public boolean isError() {
        return error;
    }

    public void setError(boolean error) {
        this.error = error;
    }

    public List<NewsResultEntity> getResults() {
        return results;
    }

    public void setResults(List<NewsResultEntity> results) {
        this.results = results;
    }
}
複製代碼

• 單條資訊的數據結構：

public class NewsResultEntity {

    private String type;
    private String publishedAt;
    private String desc;
    private String who;

    public String getType() {
        return type;
    }

    public void setType(String type) {
        this.type = type;
    }

    public String getPublishedAt() {
        return publishedAt;
    }

    public void setPublishedAt(String publishedAt) {
        this.publishedAt = publishedAt;
    }

    public String getDesc() {
        return desc;
    }

    public void setDesc(String desc) {
        this.desc = desc;
    }

    public String getWho() {
        return who;
    }

    public void setWho(String who) {
        this.who = who;
    }
}
複製代碼

2.3 引入 Retrofit 依賴

接下來，在build.gradle文件中，引入必要的依賴，如下三個依賴包的做用分別爲：

• Retrofit的核心庫
• 將返回的Call<Response>轉換成Call<NewsEntity>
• 將Call<NewsEntity>轉換成Observable<NewsEntity>

dependencies {
     //省略....
    compile 'com.squareup.retrofit2:retrofit:2.1.0'
    compile 'com.squareup.retrofit2:converter-gson:2.0.0'
    compile 'com.jakewharton.retrofit:retrofit2-rxjava2-adapter:1.0.0'

}
複製代碼

最後別忘了，在AndroidManifest.xml中聲明必要的網絡權限：

<uses-permission android:name="android.permission.INTERNET"/>
複製代碼

2.4 定義 Retrofit 須要的請求接口

按照Retrofit的使用介紹，咱們須要定義一個接口類，這個接口類的返回值爲Observable<NewsEntity>，也就是咱們以前定義好的數據結構。而這個接口接收三個參數：請求類型、請求個數、請求所在頁數。

public interface NewsApi {

    @GET("api/data/{category}/{count}/{page}")
    Observable<NewsEntity> getNews(@Path("category") String category, @Path("count") int count, @Path("page") int page);
}
複製代碼

當咱們須要請求數據時，就應當像下面這樣構造一個Observable<NewsEntity>：

• baseUrl：定義請求連接的前綴
• addConverterFactory：將OKHttp返回的標準Response解析成咱們所須要的數據類型NewsEntity
• addCallAdapterFactory：將Call<NewsEntity>轉換成Observable<NewsEntity>，這樣才能真正將Retrofit和RxJava結合起來。

private Observable<NewsEntity> getObservable(String category, int page) {
        NewsApi api = new Retrofit.Builder()
                .baseUrl("http://gank.io")
                .addConverterFactory(GsonConverterFactory.create())
                .addCallAdapterFactory(RxJava2CallAdapterFactory.create())
                .build().create(NewsApi.class);
        return api.getNews(category, 10, page);
    }
複製代碼

2.5 發起請求

以上就是全部的準備工做，回顧一下咱們主要作了如下四步，這也是從此咱們使用其它任意接口時的標準流程：

• 熟悉接口
• 根據接口返回的數據，定義Entity
• 根據接口的url組成方式定義Retrofit所須要的接口聲明，接口函數的返回類型爲Observable<Entity>，其中Entity就是第二步中定義好的返回數據類型。
• 經過Retrofit，根據第三步的接口定義，返回真正的Observable。

其實通過以上的四步，咱們的工做就基本上完成了，只須要把上面第四步中返回的Observable<XXXEntity>當作一個發送數據的普通數據源就能夠了。

示例代碼以下，咱們請求了Android和iOS兩個接口，而且使用zip操做符讓兩個接口都返回以後，纔將數據呈現給用戶，同時每次點擊刷新資訊以後，咱們將頁數增長一以請求新的資訊。

public class NewsActivity extends AppCompatActivity {

    private int mCurrentPage = 1;
    private NewsAdapter mNewsAdapter;
    private List<NewsResultEntity> mNewsResultEntities = new ArrayList<>();
    private CompositeDisposable mCompositeDisposable = new CompositeDisposable();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_news);
        initView();
    }

    private void initView() {
        Button btRefresh = (Button) findViewById(R.id.bt_refresh);
        btRefresh.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View v) {
                refreshArticle(++mCurrentPage);
            }
        });
        RecyclerView recyclerView = (RecyclerView) findViewById(R.id.rv_news);
        LinearLayoutManager layoutManager = new LinearLayoutManager(this);
        recyclerView.setLayoutManager(layoutManager);
        mNewsAdapter = new NewsAdapter(mNewsResultEntities);
        recyclerView.setAdapter(mNewsAdapter);
        refreshArticle(++mCurrentPage);
    }

    private void refreshArticle(int page) {
       Observable<List<NewsResultEntity>> observable = Observable.just(page).subscribeOn(Schedulers.io()).flatMap(new Function<Integer, ObservableSource<List<NewsResultEntity>>>() {

            @Override
            public ObservableSource<List<NewsResultEntity>> apply(Integer page) throws Exception {
                Observable<NewsEntity> androidNews = getObservable("Android", page);
                Observable<NewsEntity> iosNews = getObservable("iOS", page);
                return Observable.zip(androidNews, iosNews, new BiFunction<NewsEntity, NewsEntity, List<NewsResultEntity>>() {

                    @Override
                    public List<NewsResultEntity> apply(NewsEntity androidEntity, NewsEntity iosEntity) throws Exception {
                        List<NewsResultEntity> result = new ArrayList<>();
                        result.addAll(androidEntity.getResults());
                        result.addAll(iosEntity.getResults());
                        return result;
                    }
                });
            }
        });
        DisposableObserver<List<NewsResultEntity>> disposable = new DisposableObserver<List<NewsResultEntity>>() {

            @Override
            public void onNext(List<NewsResultEntity> value) {
                mNewsResultEntities.clear();
                mNewsResultEntities.addAll(value);
                mNewsAdapter.notifyDataSetChanged();
            }

            @Override
            public void onError(Throwable e) {

            }

            @Override
            public void onComplete() {

            }
        };
        observable.observeOn(AndroidSchedulers.mainThread()).subscribe(disposable);
        mCompositeDisposable.add(disposable);
    }

    private Observable<NewsEntity> getObservable(String category, int page) {
        NewsApi api = new Retrofit.Builder()
                .baseUrl("http://gank.io")
                .addConverterFactory(GsonConverterFactory.create())
                .addCallAdapterFactory(RxJava2CallAdapterFactory.create())
                .build().create(NewsApi.class);
        return api.getNews(category, 10, page);
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        mCompositeDisposable.clear();
    }
}
複製代碼

運行結果爲：

3、示例解析

關於如何使用Retrofit + RxJava前面已經說得比較清楚了，下面咱們重點介紹一下新接觸的兩個操做符，flatMap和zip。

3.1 flatMap

flatMap的原理圖以下所示：

它接收一個 Function函數，對於上游發送的每一個事件它都會應用該函數，這個函數返回一個新的 Observable，若是有多個 Observable，那麼他會發送合併後的結果。

在上面的例子中，上游的just發送一個請求的所在頁數，咱們根據這個頁數再去建立一個新的Observable來發送數據。

3.2 zip

zip操做符的原理圖以下所示：

它接收多個 Observable，以及一個函數，該函數的形參爲這些 Observable發送的數據，而且要等全部的 Observable都發射完會後纔會回調該函數。

經過zip操做符，咱們就能夠實現等待多個網絡請求完成再返回的需求，例如在上面的例子中，咱們會等待Android和iOS類的資訊請求都返回以後，再合併它們的結果發送給下游，在界面上展現。

---

更多文章，歡迎訪問個人 Android 知識梳理系列：

• Android 知識梳理目錄：www.jianshu.com/p/fd82d1899…
• 我的主頁：lizejun.cn
• 我的知識總結目錄：lizejun.cn/categories/