android 仿微信朋友圈图片查看（带动画效果）

最新推荐文章于 2022-08-25 11:00:23 发布

冰天糖葫芦

最新推荐文章于 2022-08-25 11:00:23 发布

阅读量1.5k

点赞数

分类专栏： Android

本文链接：https://blog.csdn.net/u014465652/article/details/108447742

版权

Android 专栏收录该内容

18 篇文章

订阅专栏

本文详细介绍了如何在项目中集成并使用ImagePreview库，包括在build.gradle中引用库，初始化ImageLoader，以及如何通过点击ImageView触发图片预览功能。提供了具体的代码实现和computeBoundsBackward方法解释，确保动画效果的正确实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先在项目的build.gradle文件里引用

api 'com.ycjiang:ImagePreview:2.3.5'

然后在app.java文件中初始化：

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

这里用到的ImageLoader：

public class ImageLoader implements IZoomMediaLoader {
    @Override
    public void displayImage(@NonNull Fragment context, @NonNull String path, final ImageView imageView, @NonNull final MySimpleTarget simpleTarget) {
        Glide.with(context)
                .asBitmap()
                .load(path)
                .apply(new RequestOptions().fitCenter())
                .into(new SimpleTarget<Bitmap>() {
                    @Override
                    public void onResourceReady(@NonNull Bitmap resource, @Nullable Transition<? super Bitmap> transition) {
                        simpleTarget.onResourceReady();
                        imageView.setImageBitmap(resource);
                    }
                });
    }

    @Override
    public void displayGifImage(@NonNull Fragment context, @NonNull String path, ImageView imageView, @NonNull final MySimpleTarget simpleTarget) {
        Glide.with(context)
                .asGif()
                .load(path)
                //可以解决gif比较几种时 ，加载过慢  //DiskCacheStrategy.NONE
                .apply(new RequestOptions().diskCacheStrategy(DiskCacheStrategy.RESOURCE).dontAnimate())
                //去掉显示动画
                .listener(new RequestListener<GifDrawable>() {
                    @Override
                    public boolean onLoadFailed(@Nullable GlideException e, Object model, Target<GifDrawable> target, boolean isFirstResource) {
                        simpleTarget.onResourceReady();
                        return false;
                    }

                    @Override
                    public boolean onResourceReady(GifDrawable resource, Object model, Target<GifDrawable> target, DataSource dataSource, boolean isFirstResource) {
                        simpleTarget.onLoadFailed(null);
                        return false;
                    }

                })
                .into(imageView);
    }

    @Override
    public void onStop(@NonNull Fragment context) {
        Glide.with(context).onStop();
    }

    @Override
    public void clearMemory(@NonNull Context c) {
        Glide.get(c).clearMemory();
    }
}

使用时点击的imageview点击事件:

view1.setOnClickListener(new View.OnClickListener() {

                                    @Override
                                    public void onClick(View view) {

                                        //组织数据
                                        List<UserViewInfo> mThumbViewInfoList = new ArrayList<>(); // 这个最好定义成成员变量

                                        for (int i = 0; i < images.length; i++) {
//                                            Rect bounds = new Rect();
                                            UserViewInfo item = new UserViewInfo(images[i]);
                                            mThumbViewInfoList.add(item);
                                        }
                                        computeBoundsBackward(linearLayout,mThumbViewInfoList);

                                        GPreviewBuilder.from(FarmExpertDetailActivity.this).setData(mThumbViewInfoList).setCurrentIndex((int) view.getTag())
                                                .setSingleFling(true)//是否在黑屏区域点击返回
                                                .setDrag(false)//是否禁用图片拖拽返回
                                                .setType(GPreviewBuilder.IndicatorType.Number)//指示器类型
                                                .start();//启动

                                    }
                                });

computeBoundsBackward() 方法：

 /**
     * 查找信息
     * @param list 图片集合
     */
    private void computeBoundsBackward(LinearLayout linearLayout,List<UserViewInfo> list) {
        for (int i = 0;i < linearLayout.getChildCount(); i++) {
            View itemView = linearLayout.getChildAt(i);
            Rect bounds = new Rect();
            if (itemView != null) {
                ImageView thumbView = itemView.findViewById(R.id.iamge_view);
                thumbView.getGlobalVisibleRect(bounds);
            }
            list.get(i).setBounds(bounds);
//            list.get(i).setUrl(list.get(i).getUrl());
        }

    }

这个computeBoundsBackward方法是为了定位全屏动画的起始位置，以及退出全屏查看时动画的结束位置，如果没有这个方法的话，动画起始位置和结束位置为屏幕的左上角，另外如果图片list过多超出一个屏幕，如果在全屏状态查看到超出屏幕的图片，动画结束位置也为左上角。

另外computeBoundsBackward是根据图片展示方式自己编写的，具体怎么写可以参考github上的demo或者下方的链接下载：

demo下载