PictureViewer图片查看框架里面的Glide冲突

开头图片.jpg

前言

近期公司项目要新加一个功能,就是点击图片放大查看以及能够下载。脑子里一想,之前有个项目里有第三方图片查看框架pictureViewer。用起来还挺方便的,二话不说直接开始使用。结果由于Glide图片加载框架难住了我一下午。项目中的Glide与pictureViewer里面的Glide冲突。历经一番折腾才解决。

造成原因

![GpictureViewer框架和项目总使用的框架不是同一个版本的Glide。我在项目中使用的是Glide 4.8.0


项目中的Glide.png

而pictureView框架中的是Glide 3.7.0,并且在GitHub里面的更新还是停留在2017年,估计已经是不维护了,不过这个框架也不是很大,能力好的写一个也不是太难,但是我们程序员要喜欢偷懒hhhhh。


gitHub里框架Glide版本.png

解决办法

关于解决办法我也是费了挺长时间,试过换一个框架,但是换了之后好像还是一样。也试过在依赖里面解决冲突

implementation ('com.github.SuperKotlin:PictureViewer:2.0.1'){
          exclude group: 'com.github.bumptech.glide'
}

但还是一样没有解决这个问题。没办法,只能使用最后一种办法了。将GitHub上的项目下载下来并且加入到自己项目里,再修改里面的Glide版本。那么,要怎么做呢?

第一步:将pictureViewer导入项目

首先将GitHub下载到电脑上、地址:PictureViewer GitHub 地址

pictureViewer.png

然后解压、解压之后打开项目中的Android Studio > 点击File > 鼠标移到New > 在移到Import Module并且点击

1.png

将你下载并且解压的pictureViewer地址添加到项目中 > 然后点击Finish (我已经添加了,所以Finish不可点击)


2.png

然后在项目的gradle中的dependencies 加入下面一句,这样子就完成了导入Module的操作。

  //图片查看器
    implementation project (':PictureViewer')

第二步:修改内部代码

首先将Glide换成项目中使用的相同的版本:


位置.png
implementation 'com.github.bumptech.glide:glide:4.8.0'

然后你会发现框架里面有报错:

报错界面.png

原因是当你升级到Glide V4时,Glide修改以及删除了一些方法。具体看这篇文章
或者是Glide V4官方文档
在Glide V4中 .asBitmap()放在了 .with()的后面。占位图和过渡动画等等也进行了修改,并且没有了SimpleTarget<Bitmap> 这个方法。那怎么办呢?不用着急,虽然它没有了SimpleTarget<Bitmap>,但是它还有SimpleTarget<Drawble>这个方法,我们只需要转换一下就好了。

修改后(注释掉的为之前的代码)

if (!TextUtils.isEmpty(mImageUrl)) {
            /*Glide.with(getActivity())
                    .load(mImageUrl)
                    .asBitmap()
                    .placeholder(mImageLoading)
                    .into(new SimpleTarget<Bitmap>() {
                        @Override
                        public void onResourceReady(Bitmap bitmap, GlideAnimation<? super Bitmap> glideAnimation) {
                            mBitmap = bitmap;
                            mImageView.setImageBitmap(mBitmap);
                            mAttacher.update();
                        }
                    });*/
            DrawableCrossFadeFactory drawableCrossFadeFactory = new DrawableCrossFadeFactory.Builder().setCrossFadeEnabled(true).build();
            Glide.with(getActivity())
                    .load(mImageUrl)
                    .apply(new RequestOptions().placeholder(mImageLoading))
                    .transition(DrawableTransitionOptions.with(drawableCrossFadeFactory))
            .into(new SimpleTarget<Drawable>() {
                @Override
                public void onResourceReady(@NonNull Drawable resource, @Nullable Transition<? super Drawable> transition) {
                    mBitmap=drawableToBitmap(resource);
                    mImageView.setImageBitmap(mBitmap);
                    mAttacher.update();
                }
            });

还有一个Drawable转换为Bitmap的方法。

    /**
     * Drawable转换成一个Bitmap
     *
     * @param drawable drawable对象
     * @return
     */
    public static final Bitmap drawableToBitmap(Drawable drawable) {
        Bitmap bitmap = Bitmap.createBitmap( drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight(),
                drawable.getOpacity() != PixelFormat.OPAQUE ? Bitmap.Config.ARGB_8888 : Bitmap.Config.RGB_565);
        Canvas canvas = new Canvas(bitmap);
        drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());
        drawable.draw(canvas);
        return bitmap;
    }

好了,到了这一步之后,就大工告成了。接下来就是如何使用了。其实也是非常的简单直接给出代码:我这里呢是只有单张图片,每次呢就只传一张图片,我定义的方法只需要传入context以及图片家在地址就好了。如果是多张图片,只需传入多张图片地址的List集合就好。具体详细使用看这篇文章 一款漂亮的图片查看器PictrueViewer

 Tools.showSinglePic(context,Declare.ServerletImgUrl2 + imgUrlList.getFollow_data().get(0).getImages());
    /**
     * 查看单张图片
     * @param imgUrl
     */
    public static void showSinglePic(Context context,String  imgUrl) {
        ArrayList<String > imgUrls=new ArrayList<>();
        //查看单张,只需要存入一个图片值
        if (imgUrls.size()==0){
            imgUrls.add(imgUrl);
        }
        PictureConfig config = new PictureConfig.Builder()
                .setListData(imgUrls)    //图片数据List<String> list
                .setPosition(0)    //图片下标(从第position张图片开始浏览)
                .setDownloadPath("RoadFile")    //图片下载文件夹地址
//                .setIsShowNumber(true)//是否显示数字下标
                .needDownload(true)    //是否支持图片下载
                .setPlacrHolder(R.mipmap.btn_add)    //占位符图片(图片加载完成前显示的资源图片,来源drawable或者mipmap)
                .build();
        ImagePagerActivity.startActivity(context, config);
    }

一切准备就绪了,下面我们来看看结果:


结果.gif

总结

虽然修改的地方不多,可能也不是很严谨的办法,但是自己搞了几个小时,自我感觉慢慢摸索的过程挺不错的,有点轻微的成就感。哈哈!

码字不易,望收藏点赞!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,386评论 6 479
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,939评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,851评论 0 341
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,953评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,971评论 5 369
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,784评论 1 283
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,126评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,765评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,148评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,744评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,858评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,479评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,080评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,053评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,278评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,245评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,590评论 2 343

推荐阅读更多精彩内容