菜鸟成长之路Android

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

2019-11-02  本文已影响0人  leo2777
开头图片.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

总结

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

码字不易,望收藏点赞!

上一篇下一篇

猜你喜欢

热点阅读