RX系列四 | RxAndroid | 加载图片 | 提交表单

RX系列四 | RxAndroid | 加载图片 | 提交表单

说实话，学RxJava就是为了我们在Android中运用的更加顺手一点，也就是RxAndroid，我们还是先一步步来，学会怎么去用的比较好，之前的三篇算是铺垫，让你有一点认识，那Rx在Android中有什么好处呢？我们先模拟一些原始功能和他对比下

一.加载图片

很多人说Rx出来之后，是编程思想的一种进阶，实际上我学习了这种思想之后，确实是觉得有了很大的改变，不过，需要一点学习成本再加上，需要对原先的思想有些改观，使得我依旧有点不适应，不知道为啥，可能就像用了好几年的Eclipse，突然让我用Android Studio的时候的那种感觉，不过，技术在进步，每个人也需要去接受，没有好坏之分，那我们就在讲解Rx之前，我们先把思路，逻辑来做一个铺垫吧，首先，我们要准备一些东西的，因为涉及了网络请求，下载等功能，所以我们肯定是要去添加下网络权限

<!--网络权限-->
<uses-permission android:name="android.permission.INTERNET"/>

然后我们再来说一下，我们现在要干的事情，先易后难，我们先来加载一张图片，我们传统的做法是通过AsyncTask去做，但是这样的代码很长很沉闷，而在我们的Activity中，其实上一个Activity的本身他是有很多的工作要做的，这样导致代码会很多，不容易重构等，所以才会有现在的MVC，MVP等架构去解耦，所以我们既然Rx编程本身是一套很简洁的代码，那我们应该用什么方法去合理的实现呢？我们来写个解析的方法，因为需要用到OkHttp,所以请在gradle里添加

//OkHttp3
compile 'com.squareup.okhttp3:okhttp:3.+'

这样才好去加载，我们写个方法吧

//加载图片
private Observable<byte[]> lodingImg(String imgPath){
return Observable.create(new Observable.OnSubscribe<byte[]>() {
@Override
public void call(Subscriber<? super byte[]> subscriber) {
if(!subscriber.isUnsubscribed()){
//解析图片
OkHttpClient client = new OkHttpClient();
Request request = new Request.Builder().url(imgPath).build();
client.newCall(request).enqueue(new Callback() {
@Override
public void onFailure(Call call, IOException e) {
subscriber.onError(e);
}

@Override
public void onResponse(Call call, Response response) throws IOException {
if(response.isSuccessful()){
byte [] bytes = response.body().bytes();
if(bytes != null){
subscriber.onNext(bytes);
}
}
//结束
subscriber.onCompleted();
}
});
}
}
});
}

这个方法可以看到我们返回值是一个byte字节数组参数的被观察者Observable，然后传递一个地址，我们就直接return回去一个Observable，在Observable里面，我们做了什么事情呢？其实我们就直接用OkHttp去解析了一张图片，拿到了byte之后，通过subscriber.onNext(bytes)传递给了观察者，让他去做操作，当然，别忘了调用onCompleted去告知观察者已经结束了操作，而在观察者这边，你需要做什么呢？

@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.btn_download:
lodingImg(IMG_PATH)
//网络访问
.observeOn(Schedulers.io())
//UI线程
.observeOn(AndroidSchedulers.mainThread())
//订阅
.subscribe(new Observer<byte[]>() {
@Override
public void onCompleted() {
Log.i(TAG,"onCompleted");
}

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

@Override
public void onNext(byte[] bytes) {
Bitmap bitmap = BitmapFactory.decodeByteArray(bytes,0,bytes.length);
img.setImageBitmap(bitmap);
}
});
break;
}
}

其实可以看到，我们直接就去订阅了一个subscribe，在onNext里面，通过BitmapFactory的方法转换成一个Bitmap，这就是Rx加载的处理方式，这种方式将对我们产生很大的影响，我们最起码现在懂得了他的一点套路了，我们来看下运行结果



OK，也是很顺利的加载出来了

二.提交表单

如果说加载图片是get的话，那提交表单就是post了，我们来看一下提交表单该怎么写，我们假设是做一个登陆注册的功能，那就很简单了，我们看下我们这次要做的代码

//登录
private Observable<String> fromLogin(String url, Map<String,String> params){
return Observable.create(new Observable.OnSubscribe<String>() {
@Override
public void call(Subscriber<? super String> subscriber) {
if(!subscriber.isUnsubscribed()){
OkHttpClient client = new OkHttpClient();
FormBody.Builder builder = new FormBody.Builder();
if(params!=null && !params.isEmpty()){
for (Map.Entry<String, String>entry:params.entrySet()){
builder.add(entry.getKey(),entry.getValue());
}
}
RequestBody requestBody = builder.build();
//构建post请求
Request request = new Request.Builder().url(url).post(requestBody).build();
client.newCall(request).enqueue(new Callback() {
@Override
public void onFailure(Call call, IOException e) {
subscriber.onError(e);
}

@Override
public void onResponse(Call call, Response response) throws IOException {
if(response.isSuccessful()){
subscriber.onNext(response.body().string());
}
//访问结束
subscriber.onCompleted();
}
});
}
}
});
}

这段代码里面，我们可用看到，我们定义了一个方法，返回值是一个String类型的被观察者Observable，而传递的参数就是登陆的地址和一个Map键值对，我们直接return一个Observable即可，在里面我们使用OkHTTP提交表单，最后通过onNext返回结果，通过onCompleted告知结束操作，而在我们的观察者里面我们应该怎么做？

@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.btn_login:
String name = et_name.getText().toString().trim();
String password = et_password.getText().toString().trim();
if (!TextUtils.isEmpty(name)) {
if(!TextUtils.isEmpty(password)){
Map<String,String> params = new HashMap<>();
params.put("name",name);
params.put("password",password);
fromLogin(LOGIN_URL,params)
//网络访问
.observeOn(Schedulers.io())
//UI线程
.observeOn(AndroidSchedulers.mainThread())
.subscribe(new Observer<String>() {
@Override
public void onCompleted() {
Log.i(TAG,"onCompleted");
}

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

@Override
public void onNext(String s) {
Log.i(TAG,s);
}
});
}else {
Toast.makeText(this, "密码不能为空", Toast.LENGTH_SHORT).show();
}
}else {
Toast.makeText(this, "账号不能为空", Toast.LENGTH_SHORT).show();
}
break;
}
}

在这个点击事件里，我们可用看到直接把参数塞进去后通过subscribe订阅拿到结果，这样如果登录成功就跳转了，这就是一整套的逻辑，这里没有地址，就不演示了，到这里，我相信大家对基本的使用应该是没什么问题了，一句话概括，就是异步，让我们的代码逻辑性更强，当然， 现在的例子还不能友好的表达出精髓，大家有兴趣的可以接着后续的系列

Sample下载：系列最后一篇提供

有兴趣的可以加群：555974449