RxAndroid和RxJava结合OkGo示例请求网络图片加载到不同ImageView



RxAndroid和RxJava结合OkGo示例请求网络图片加载到不同ImageView

代码：

package zhangphil.app;

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.util.Log;
import android.widget.ImageView;
import android.widget.TextView;

import com.lzy.okgo.OkGo;

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

import io.reactivex.Observable;
import io.reactivex.android.schedulers.AndroidSchedulers;
import io.reactivex.functions.Function;
import io.reactivex.observers.DisposableObserver;
import io.reactivex.schedulers.Schedulers;
import okhttp3.Response;


/**
 * 本例使用RxAndroid和RxJava，结合Okgo，在一个最普遍的应用场景，
 * 比如有两个ImageView，给每个ImageView请求给定的url，请求回Bitmap后，分别装载到相应的ImageView。
 * 这种情况在实际的开发中十分常见，本利给出一个基本用法，由此可以举一反三变化出更多更复杂的用法。
 *
 */


public class MainActivity extends Activity {

    private final String TAG = String.valueOf(UUID.randomUUID());

    private DisposableObserver<MyItem> mObserver = new DisposableObserver<MyItem>() {

        @Override
        public void onNext(MyItem item) {
            item.image.setImageBitmap(item.bitmap);
            item.text.setText(item.url);
        }

        @Override
        public void onComplete() {
            Log.d(TAG, "onComplete");
        }

        @Override
        public void onError(Throwable e) {
            Log.e(TAG, e.toString(), e);
        }
    };


    @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ImageView image1 = (ImageView) findViewById(R.id.image1);
        ImageView image2 = (ImageView) findViewById(R.id.image2);

        TextView text1 = (TextView) findViewById(R.id.text1);
        TextView text2 = (TextView) findViewById(R.id.text2);

        String url1 = "http://avatar.csdn.net/9/7/A/1_zhangphil.jpg";
        String url2 = "http://avatar.csdn.net/9/7/A/2_zhangphil.jpg";

        List<MyItem> lists = new ArrayList<>();

        MyItem i1 = new MyItem();
        i1.image = image1;
        i1.url = url1;
        i1.text = text1;
        lists.add(i1);

        MyItem i2 = new MyItem();
        i2.image = image2;
        i2.url = url2;
        i2.text = text2;
        lists.add(i2);

        Observable mObservable = Observable
                .just(lists)
                .flatMap(function)
                .map(getBitmap)
                .subscribeOn(Schedulers.io()) //执行任务的线程
                .observeOn(AndroidSchedulers.mainThread()); //回调发生的线程

        //建立订阅关系
        mObservable.subscribe(mObserver);

        //mObservable.subscribe(mConsumer);
    }

    private class MyItem {
        public ImageView image;
        public Bitmap bitmap;
        public TextView text;
        public String url;
    }

    private Function<MyItem, MyItem> getBitmap = new Function<MyItem, MyItem>() {
        @Override
        public MyItem apply(MyItem item) throws Exception {
            //同步方法返回观察者需要的数据结果
            //在这里处理线程化的操作
            Response response = OkGo.get(item.url).tag(TAG).execute();

            try {
                if (response.isSuccessful()) {
                    byte[] bytes = response.body().bytes();
                    item.bitmap = BitmapFactory.decodeByteArray(bytes, 0, bytes.length);
                }
            } catch (Exception e) {
                e.printStackTrace();
            }

            return item;
        }
    };


    // 设置映射函数
    private Function<List<MyItem>, Observable<MyItem>> function = new Function<List<MyItem>, Observable<MyItem>>() {

        @Override
        public Observable<MyItem> apply(List<MyItem> lists) {
            MyItem[] items = new MyItem[lists.size()];
            for (int i = 0; i < lists.size(); i++) {
                items[i] = lists.get(i);
            }
            return Observable.fromArray(items);
        }
    };


    //如果只是接受处理结果，那么可以不用DisposableObserver，而用Consumer（消费）
//    private Consumer mConsumer = new Consumer<Bitmap>() {
//        @Override
//        public void accept(Bitmap bmp) throws Exception {
//            image.setImageBitmap(bmp);
//        }
//    };


    @Override
    protected void onDestroy() {
        super.onDestroy();
        OkGo.getInstance().cancelTag(TAG);
    }
}

布局文件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/image1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal" />

    <TextView
        android:id="@+id/text1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textColor="@android:color/black" />

    <View
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:background="@android:color/holo_orange_light" />

    <ImageView
        android:id="@+id/image2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal" />

    <TextView
        android:id="@+id/text2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textColor="@android:color/black" />
</LinearLayout>

不要忘记在build.gradle配置：

    compile 'io.reactivex.rxjava2:rxandroid:2.0.1'
    compile 'io.reactivex.rxjava2:rxjava:2.0.1'

    compile 'com.lzy.net:okgo:+'        //版本号使用 + 可以自动引用最新版
    compile 'com.lzy.net:okserver:+'    //版本号使用 + 可以自动引用最新版

运行结果如图：

致谢：

冯祖学对本文有重大贡献！