android点击全屏预览照片第三方库使用

女爷i 2022-05-17 06:11 381阅读 0赞

#### android点击全屏预览照片第三方库使用-imgepreviewlibrary ####

> aiprose 个人随笔上线，网址 [aiprose.com][] [点击访问][Link 1]

移动端我们经常会遇到放大预览照片，如果是一张照片，那就全屏展示图片就好了，但是如果是一个列表，滑动查看，我们一般会借助viewpager进行实现，但是每次自己弄，感觉效率很低，今天给大家推荐一个第三方库，很轻松实现，扩展也还可以哦。

这是点击预览的效果图，下边是数字，也可以显示成点  
![这里写图片描述][70]

###### 1.安装配置 ######

先添加依赖

implementation 'com.ycjiang:imgepreviewlibrary:1.1.3'

我们需要自定义一个类`ImageLoader` ，进行图片加载，不限制框架，一般使用glide，当然你也可以使用其他的。

public class ImageLoader implements IZoomMediaLoader { RequestOptions options; { options = new RequestOptions() .centerCrop() .placeholder(R.drawable.ic_default_image) .error(R.drawable.ic_default_image) .priority(Priority.HIGH); } @Override public void displayImage(Fragment context, String path, final MySimpleTarget<Bitmap> simpleTarget) { Glide.with(context) .asBitmap() .load(path) .apply(options) .into(new SimpleTarget<Bitmap>() { @Override public void onResourceReady(Bitmap resource, Transition<? super Bitmap> transition) { simpleTarget.onResourceReady(resource); } @Override public void onLoadStarted(Drawable placeholder) { super.onLoadStarted(placeholder); simpleTarget.onLoadStarted(); } @Override public void onLoadFailed(Drawable errorDrawable) { super.onLoadFailed(errorDrawable); simpleTarget.onLoadFailed(errorDrawable); } }); } @Override public void onStop(@NonNull Fragment context) { Glide.with(context).onStop(); } @Override public void clearMemory(@NonNull Context c) { Glide.get(c).clearMemory(); } }

在初始化的时候，初始化图片加载类。

ZoomMediaLoader.getInstance().init(new ImageLoader());

###### 2.项目使用 ######

我们在点击的回调函数中，打开图片预览代码，根据自己的实际情况调整。

//组织数据 ArrayList<ThumbViewInfo> mThumbViewInfoList = new ArrayList<>(); // 这个最好定义成成员变量 ThumbViewInfo item; mThumbViewInfoList.clear(); for (int i = 0;i < resultList.size(); i++) { Rect bounds = new Rect(); //new ThumbViewInfo(图片地址); item=new ThumbViewInfo(resultList.get(i).getOriginUrl()); item.setBounds(bounds); mThumbViewInfoList.add(item); } //打开预览界面 GPreviewBuilder.from(Context context) //是否使用自定义预览界面，当然8.0之后因为配置问题，必须要使用 .to(ImageLookActivity.class) .setData(mThumbViewInfoList) .setCurrentIndex(position) .setSingleFling(true) .setType(GPreviewBuilder.IndicatorType.Number) // 小圆点 // .setType(GPreviewBuilder.IndicatorType.Dot) .start();//启动

###### 3.自定义预览界面 ######

自定义预览图片，可以扩展加一下自己的按钮功能等。

public class ImageLookActivity extends GPreviewActivity { /*** * 重写该方法 * 使用你的自定义布局 **/ @Override public int setContentLayout() { return R.layout.activity_image_look; } }

自定义预览的布局

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".activity.ImageLookActivity">
    	
    	// 这是第三方库提供的，也就是默认的布局文件
        <include layout="@layout/activity_image_preview_photo"/>
    
    </FrameLayout>

## 关注 ##

> aiprose 个人随笔上线，网址 [aiprose.com][] [点击访问][Link 1]

如果有问题，请在下方评论，或者加群讨论 `200909980`

关注下方微信公众号，可以及时获取到各种技术的干货哦，如果你有想推荐的帖子，也可以联系我们的。

![这里写图片描述][70 1]

[aiprose.com]: http://aiprose.com
[Link 1]: https://www.aiprose.com/
[70]: /images/20220517/adbb1f06d0fc46039dec702f8cfeaefa.png
[70 1]: /images/20220517/cbb6efd9d7844f96a10e0a56b51429e0.png