Android 点击WebView图片预览图片

最新推荐文章于 2024-08-08 04:20:01 发布

AnjoyZhang

最新推荐文章于 2024-08-08 04:20:01 发布

阅读量2.8k

点赞数

分类专栏： Android应用层文章标签： Webview js java

本文链接：https://blog.csdn.net/simon_crystin/article/details/80883457

版权

本文介绍了如何在Android应用中使用WebView展示内容并处理图片点击事件，实现点击WebView内的图片预览。首先概述了需求，接着分析了点击图片预览的流程，包括加载文章、获取图片URL和使用ViewPager展示图片。然后详细讲解了代码实现，包括添加权限、引入依赖以及在MainActivity和MJavascriptInterface中设置监听和处理方法。最后强调了避免混淆js接口类及其方法的重要性，并提供了GitHub源码链接。

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

1. 概述
2.流程分析
3.代码实现

1. 概述

在实际开发中，我们可能会遇到用webview去展示一篇文章或者其他内容，然后我们需要点击里面的图片能够展示出来，这就是我们今天的重点–点击webview的图片进行展示。先看一个效果图。
图片预览

2.流程分析

1.用webview加载文章；
2.点击图片某个图片获取当前图片的url和所有图片的url；
3.将所有图片用ViewPager展示出来。

3.代码实现

3.1 添加权限：

<uses-permission android:name="android.permission.INTERNET" />

3.2 添加依赖：

implementation 'com.github.bumptech.glide:glide:4.7.1'

3.3 代码实现：

先看MainActivity的代码：

public class MainActivity extends AppCompatActivity {
   
    private WebView webView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        webView = findViewB