PictureViewer图片查看框架里面的Glide冲突
前言
近期公司项目要新加一个功能,就是点击图片放大查看以及能够下载。脑子里一想,之前有个项目里有第三方图片查看框架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 地址
然后解压、解压之后打开项目中的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'
然后你会发现框架里面有报错:
原因是当你升级到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
总结
虽然修改的地方不多,可能也不是很严谨的办法,但是自己搞了几个小时,自我感觉慢慢摸索的过程挺不错的,有点轻微的成就感。哈哈!
码字不易,望收藏点赞!