开头图片.jpg
前言
近期公司项目要新加一个功能，就是点击图片放大查看以及能够下载。脑子里一想，之前有个项目里有第三方图片查看框架pictureViewer。用起来还挺方便的，二话不说直接开始使用。结果由于Glide图片加载框架难住了我一下午。项目中的Glide与pictureViewer里面的Glide冲突。历经一番折腾才解决。
造成原因
项目中的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
总结
虽然修改的地方不多，可能也不是很严谨的办法，但是自己搞了几个小时，自我感觉慢慢摸索的过程挺不错的，有点轻微的成就感。哈哈！
码字不易，望收藏点赞！
网友评论