Android中利用PhotoView查看图片

最新推荐文章于 2024-09-15 08:26:10 发布

只是当时已惘然丶

最新推荐文章于 2024-09-15 08:26:10 发布

阅读量4.6k

点赞数 1

分类专栏：一个程序员的爬坑之路文章标签： android 图片

本文链接：https://blog.csdn.net/cwh1010714845/article/details/78587695

版权

这篇博客介绍了如何在Android应用中实现全屏查看图片的功能。通过响应点击事件，弹出一个背景半透明的Dialog，展示图片。首先在build.gradle中引入依赖，接着在styles.xml中定制Dialog样式。然后重写ViewPager以修复闪退问题，创建布局文件dialog_images_brower.xml，并编写ShowImagesViewPager和ShowImagesAdapter。最后在MainActivity中创建并使用自定义的ShowImagesDialog，展示网络图片。

摘要由CSDN通过智能技术生成

思路：当我们响应一个点击事件的时候，弹出一个dialog，我们将这个dialog自定义为全屏背景为半透明，这样图片以外的地方就会变成半透明，达到了查看图片的效果。

好了，首先我们必须要做的一件事情就是在build.gradle中导入相应的依赖，否则有些类是无法使用的。

dependencies {
    compile 'com.github.bumptech.glide:glide:3.7.0'
    compile 'com.github.chrisbanes.photoview:library:+'
    compile 'com.android.support:appcompat-v7:25.3.1'
    compile 'com.android.support.constraint:constraint-layout:1.0.2'
}

然后我们在values文件夹中的styles.xml文件中自定义一个dialog。

<style name="transparentBgDialog" parent="@android:style/Theme.Dialog">
        <item name="android:windowFrame">@null</item>
        <item name="android:windowIsFloating">true</item>
        <item name="android:windowIsTranslucent">true</item>
        <item name="android:windowBackground">@color/transparent</item>
        <item name="android:backgroundDimEnabled">true</item>
        <item name="android:background">@color/transparent</item>
        <item name="android:windowNoTitle">true</item>
    </style>

接着我们需要写一个给显示dialog的布局文件，我们命名为dialog_images_brower.xml，但是在此之前，我们需要重写ViewPager控件，因为ViewPager存在一个闪退的bug，我们将我们重写的控件命名为ShowImagesViewPager.java。

public class ShowImagesViewPager extends ViewPager {
   
    public ShowImagesViewPager(Context context) {
        this(context,null);
    }

    public ShowImagesViewPager(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        try {
            return super.onInterceptTouchEvent(ev);
        } catch (IllegalArgumentException e) {
            return