欢迎访问移动开发之家(rcyd.net),关注移动开发教程。移动开发之家  移动开发问答|  每日更新
页面位置 : > > > 内容正文

初涉RxAndroid结合Glide实现多图片加载操作

来源: 开发者 投稿于  被查看 13856 次 评论:283

初涉RxAndroid结合Glide实现多图片加载操作


什么是RxJava或者RxAndroid我就不多废话了,理论知识一大堆人给我们做好了,只要自己肯去看就能理解,我这里直接给出传送门:https://github.com/lzyzsd/Awesome-RxJava(很丰富,看完就基本有概念了)


那么问题来了,人家都解释完了我干嘛?实操个简单的例子吧,正好上周讲了篇Glide的那么这次就实践下

效果图:

这里写图片描述

我们点开App然后就是一个RecycleView里面有一堆图然后还有文字,文字是本地的,图是网上下的,逻辑流程很简单,来说一下怎么实现的然后引出主角。

包结构:

这里写图片描述

GlideModuleConfig配置Glide
StatusBarCompat<喎?http://www.Bkjia.com/kf/ware/vc/" target="_blank" class="keylink">vc3Ryb25nPrPBvf7KvbLLtaXAuMq1z9ajqM/ouOfEx7/bwLS1xKOs1eK49sbkyrW/ydPQv8nO3tb30qrErMjPtcTR1cmrzKuz86OpPGJyIC8+DQo8c3Ryb25nPlRlc3RPQko8L3N0cm9uZz7Ss8PmttTP87XEyvTQ1MSj0M2jqMTj0rK/ydLUsrvTw6OsuPbIy8+wud+jqTxiciAvPg0KyLu6877NysfStc7xyrXP1rXETWFpbkFjdGl2aXR5us3KysXkxvdEYXRhQWRhcHRlcsHLPC9wPg0KPHA+ztLDx9K7uPbSu7j2wOC/tM/IysdHbGlkZU1vZHVsZUNvbmZpZzwvcD4NCjxwcmUgY2xhc3M9"brush:java;"> /** * Created by jiajiewang on 16/3/25. */ public class GlideModuleConfig implements GlideModule { //在这里创建设置内容,之前文章所提及的图片质量就可以在这里设置 //还可以设置缓存池参数什么的 @Override public void applyOptions(Context context, GlideBuilder builder) { //设置了默认图片格式 builder.setDecodeFormat(DecodeFormat.PREFER_ARGB_8888); //设置了缓存的位置 builder.setDiskCache(new ExternalCacheDiskCacheFactory(context,"MY_CACHE_LOCATION", 100*1024*1024)); } //在这里注册ModelLoaders @Override public void registerComponents(Context context, Glide glide) { } }

这里做一些配置工作,具体干什么可以看注释

TestOBJ用于给RecycleView引用图片地址和文字内容

public class TestOBJ {
    public String imageUrl;
    public String content;
}

翔哥那个类不解释了,可以自己去搜搜百度第一条就是,我们再来看看适配器

DataAdapter(重要步骤的解释也在注释里了)

public class DataAdapter extends RecyclerView.Adapter {
    Context context;
    List testOBJs;

    public DataAdapter(Context context) {
        this.context = context;
    }

    //获取布局
    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_layout, parent, false);
        return new DataViewHolder(view);
    }

    //具体item的加载图片填充数据
    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
        DataViewHolder dataViewHolder = (DataViewHolder) holder;
        TestOBJ obj = testOBJs.get(position);
//先获取上下文对象,再加载具体的URL然后填充到控件里去
        Glide.with(holder.itemView.getContext()).load(obj.imageUrl).into(dataViewHolder.imageIV);
        dataViewHolder.contentTV.setText(obj.content);
    }

    @Override
    public int getItemCount() {
        return testOBJs == null ? 0 : testOBJs.size();
    }

    //控件对象Holder
    static class DataViewHolder extends RecyclerView.ViewHolder {
        ImageView imageIV;
        TextView contentTV;

        public DataViewHolder(View itemView) {
            super(itemView);
            imageIV = (ImageView) itemView.findViewById(R.id.imageIV);
            contentTV = (TextView) itemView.findViewById(R.id.contentTV);
        }
    }

    //刷新数据用
    public void updateData(List testOBJs) {
        this.testOBJs = testOBJs;
        notifyDataSetChanged();
    }
}

数据层已经OK了,我们来看看业务层

public class MainActivity extends AppCompatActivity {
    Toolbar toolBar;
    RecyclerView recycleView;
    DataAdapter dataAdapter;
    //URL数据源
    String data[] = {"http://hiphotos.baidu.com/zhixin/abpic/item/4651a712c8fcc3cea97dbce49045d688d53f206c.jpg"
            , "http://pic.5442.com/2014/0930/06/5442.jpg",
            "http://img5q.duitang.com/uploads/item/201410/22/20141022214043_5EEKH.thumb.224_0.jpeg",
            "http://img5.duitang.com/uploads/item/201512/08/20151208163159_HGEM2.thumb.224_0.png",
            "http://img4.duitang.com/uploads/item/201510/29/20151029224537_ijEKF.thumb.224_0.jpeg",
            "http://img5.imgtn.bdimg.com/it/u=1230273521,1023320328&fm=21&gp=0.jpg"
    };

    //被观察者
    Observable observable = Observable.create(new Observable.OnSubscribe>() {
        @Override
        public void call(Subscriber> subscriber) {
            subscriber.onNext(makeData());
            subscriber.onCompleted();
        }
    });

    //观察者
    Observer> observer = new Observer>() {

        @Override
        public void onCompleted() {
            LogUtils.d("--->onCompleted");
        }

        @Override
        public void onError(Throwable e) {
            Toast.makeText(MainActivity.this, "加载失败", Toast.LENGTH_SHORT).show();
        }

        @Override
        public void onNext(List testOBJs) {
            testOBJs.size();
            LogUtils.d("--->onNext  testOBJs.size() " + testOBJs.size());
            //刷新数据
            dataAdapter.updateData(testOBJs);
        }
    };


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

        init();
        logic();
        setSupportActionBar(toolBar);
        StatusBarCompat.compat(this, getResources().getColor(R.color.status_bar_color));
        StatusBarCompat.compat(this);
    }

    private void init() {
        LogUtils.d("--->init");
        toolBar = (Toolbar) findViewById(R.id.toolBar);
        recycleView = (RecyclerView) findViewById(R.id.recycleView);

        observable.subscribeOn(Schedulers.io())
                .observeOn(AndroidSchedulers.mainThread())
                .subscribe(observer);

    }

    private void logic() {
        LogUtils.d("--->logic");
        dataAdapter = new DataAdapter(MainActivity.this);
        recycleView.setLayoutManager(new LinearLayoutManager(MainActivity.this));
        recycleView.setAdapter(dataAdapter);

        LogUtils.d("--->Glide.getPhotoCacheDir " + Glide.getPhotoCacheDir(MainActivity.this, "MY_CACHE_LOCATION"));

    }

    //制造数据
    private List makeData() {
        List list = new ArrayList<>();
        TestOBJ testOBJ;
        for (int k = 0; k < 5; k++) {
            testOBJ = new TestOBJ();
            testOBJ.content = "标题啊,你服不服 " + k + " 个 ";
            testOBJ.imageUrl = data[k];
            list.add(testOBJ);
        }
        LogUtils.d("--->list的长度等于 " + list.size());
        return list;
    }

    @Override
    protected void onPause() {
        super.onPause();
        //清除请求
        Glide.clear(recycleView);
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        LogUtils.d("--->onDestroy");
        //必须主线程使用
        Glide.get(this).clearMemory();
        //Glide.get(this).clearDiskCache(); 非主线程
    }
}

解释:
我们定义了一个观察者和一个被观察者然后自从

 observable.subscribeOn(Schedulers.io())
                .observeOn(AndroidSchedulers.mainThread())
                .subscribe(observer);

注册的行为开始后,只咬被观察者一有风吹草动,观察者的相关回调就会被触发,我们来看下Log的打印顺序
这里写图片描述
还是在一堆的Activity生命周期里先跑在我们数据摸你的过程中看了可能我们Glide缓存的目录,跟我们的预设一致,接着就执行了 onNext再是onCompleted,因为没出什么意外也就没刷出onError

/data/user/0/sample.wjj.rxandroidglidedemo/cache/MY_CACHE_LOCATION

相关文章

    暂无相关文章

相关阅读

    用户评论