前言

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

造成原因

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

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

解决办法

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

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

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

第一步

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

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

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

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

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

第二步：修改内部代码

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

implementation 'com.github.bumptech.glide:glide:4.8.0'

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

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

修改后（注释掉的为之前的代码）

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);
    }

一切准备就绪了，下面我们来看看结果：

总结

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

码字不易，望收藏点赞！