ImagePreview

多图预览,共享元素的使用参考自SETransitionDemo,ImagePreviewLoad的配置以及ImagePreviewBuilder控制跳转参考自ZoomPreviewPicture

兼容性

共享元素动画效果需要5.0+,适配AndroidX

第三方包

PhotoView

配置

在项目的build.gradle中,添加:

allprojects {
    repositories {
        ...
        maven { url 'https://jitpack.io' }
    }
}

在使用库的module中添加,为避免重复引用appcompat-v7包,推荐使用exclude:

dependencies {
    implementation "androidx.appcompat:appcompat:latest.release.version"
    implementation "com.github.chrisbanes:PhotoView:2.3.0"
    implementation 'com.github.shucc:ImagePreview:1.5'
}

使用

初始化图片加载配置,这里Demo使用的是Glide

ImagePreviewLoad.setImagePreviewLoadListener(new ImagePreviewLoadListener() {
    @Override
    public void load(Fragment fragment, String imageUrl, final ImagePreviewLoadTarget imagePreviewLoadTarget) {
        Glide.with(fragment)
                .load(imageUrl)
                .into(new SimpleTarget<GlideDrawable>() {

                    @Override
                    public void onLoadFailed(Exception e, Drawable errorDrawable) {
                        super.onLoadFailed(e, errorDrawable);
                        imagePreviewLoadTarget.onLoadFailure();
                    }

                    @Override
                    public void onResourceReady(GlideDrawable resource, GlideAnimation<? super GlideDrawable> glideAnimation) {
                        imagePreviewLoadTarget.getImageView().setImageDrawable(resource.getCurrent());
                        imagePreviewLoadTarget.onLoadSuccess();
                    }
                });
    }
});

打开预览界面:

ImagePreviewBuilder.from(TestOneActivity.this)
        .setInitPosition(position)
        .setImageUrlArray(data)
        .setPairView(view)
        .setImagePreviewExitListener(new ImagePreviewExitListener() {
            @Override
            public View exitView(int exitPosition) {
                //根据关闭预览界面时的position计算缩小的view，一般使用tag标示计算
                return rvImage.findViewWithTag(exitPosition);
            }
        })
        .startActivity();

Demo