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

简介: RX系列四 | RxAndroid | 加载图片 | 提交表单说实话,学RxJava就是为了我们在Android中运用的更加顺手一点,也就是RxAndroid,我们还是先一步步来,学会怎么去用的比较好,之前的三篇算是铺垫,让你有一点认识,那Rx在Android中有什么好处呢?我们先模拟一些原始功能和他对比下一.

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

目录
相关文章
|
小程序
小程序 video 组件播放本地视频(黑屏无法播放,报错:MEDIA_ERR_SRC_NOT_SUPPORTED)
小程序 video 组件播放本地视频(黑屏无法播放,报错:MEDIA_ERR_SRC_NOT_SUPPORTED)
608 0
30avalon - 指令ms-duplex(同步后的回调)
30avalon - 指令ms-duplex(同步后的回调)
37 0
|
JavaScript
利用onerror 事件处理img标签中的src图片加载失败
利用onerror 事件处理img标签中的src图片加载失败
219 0
|
Android开发 开发者
Tip | OkHttp使用
OkHttp简介和使用
|
缓存
RecyclerView局部刷新机制——payload
这篇文章其实之前就完成了,一直遗忘在角落里了,今天无意翻之前的笔记发现的,大部分内容应该还是有效的。 之前在使用RecyclerView的遇到过一个问题,使用notifyItemChanged刷新数据的时候会出现重影或者闪烁的现象。 这个问题很容易出现,当我们的列表中有进度显示(比如下载),这时候需要不停的更新进度,就需要使用notifyItemChanged 使用notifyItemChanged可以只刷新那一个item,这样就避免了像ListView那样全部刷新 但是如果使用notifyItemChanged(position),在滑动的时候刷新就会出现重影或者闪烁的问题。
568 0
|
缓存 Android开发
Android笔记:使用Glide加载图片刷新时会闪烁
Android笔记:使用Glide加载图片刷新时会闪烁
1256 0
|
Web App开发 前端开发
一个 Ajax Loading —— spin.js
菊花的制作地址:http://spin.js.org $ajax提交,菊花加载的方式和位置: $.ajax({ type: "get", url: "http://www.
914 0