Android在string.xml中定义html文档并加载显示，以及拦截WebView链接事件

最新推荐文章于 2021-05-29 01:14:24 发布

zuguorui

最新推荐文章于 2021-05-29 01:14:24 发布

阅读量1.1k

点赞数

分类专栏： android

本文链接：https://blog.csdn.net/zuguorui/article/details/95460876

版权

android 专栏收录该内容

15 篇文章 6 订阅

订阅专栏

一、如何在string.xml中定义html文档

首先最好自己在外部新建一个html文件，然后开始写自己的内容。并且在浏览器中预览效果。
首先预先编写一个简单的html文档：

<html>
    <head>
        <style type="text/css">
            body {
                color: #111;
            }
        
            p {
                font-size: 1.5em;
            }
        </style>
    </head>
    <body>
        <h1>这是标题1</h1>
        <p>这是一个链接</p>
        <a href="https://www.bing.com.cn">打开bing</a>
    </body>
</html>

然后在string.xml中添加节点：

    <string name="html_content">
    <Data>
        <![CDATA[
<html>
    <head>
        <style type="text/css">
            body {
                color: #111;
            }

            p {
                font-size: 1.5em;
            }
        </style>
    </head>
    <body>
        <h1>这是标题1</h1>
        <p>这是一个链接</p>
        <a href="https://www.bing.com.cn">打开bing</a>
    </body>
</html>
        ]]>
    </Data>
    </string>

主要的就是在string节点中要包含Data，然后使用CDATA包裹起来。这样在使用getResource().getString()后获取的字符串，仍然是仅包含html文本而不包含Data和CDATA标签的，你可以在下一步中打印查看。因此我们从文件中直接读取html也是可以的，而不必一定将其放在strings.xml中。

二、使用WebView将其显示出来

新建一个Activity，仅包含一个WebView。

<?xml version="1.0" encoding="utf-8"?>
<layout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        tools:context=".HtmlActivity"
>
    <WebView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:id="@+id/web_view"
    ></WebView>
</layout>

在Activity中加载html。

class HtmlActivity : AppCompatActivity() {

    private lateinit var mBinding: ActivityHtmlBinding
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        mBinding = DataBindingUtil.setContentView(this, R.layout.activity_html)

        LoadHtmlTask().execute()
    }

    //使用AsyncTask读取HTML并加载，当然也可以直接放在主线程中，不过考虑到一般html都比较大，或者可能
    //会从文件中读取，比较耗时。
    //设置为inner，与java中的普通内部类等价，如果不加inner，在kotlin中默认等价为java中的静态内部类，是无法访问
    //外部类的方法和属性的。
    private inner class LoadHtmlTask: AsyncTask<Void, Void, String>
    {

        constructor()
        {

        }


        override fun doInBackground(vararg params: Void?): String {
            var s: String = resources.getString(R.string.html_content)
            return s
        }

        override fun onPostExecute(result: String?) {
            super.onPostExecute(result)
            if(result != null)
            {
                mBinding.webView.settings
                mBinding.webView.setBackgroundColor(Color.TRANSPARENT)
                mBinding.webView.isHorizontalScrollBarEnabled = false
                mBinding.webView.loadData(
                    result, "text/html; charset=UTF-8", null
                )
            }
        }
    }
}

效果：
在这里插入图片描述
可以看到基本按照我们所写的格式。点击链接的话，会提示打开浏览器，打开bing网页。

三、拦截WebView中的链接点击事件

需要为WebView设置一个WebViewClient。

override fun onPostExecute(result: String?) {
            super.onPostExecute(result)
            if(result != null)
            {
                mBinding.webView.settings
                mBinding.webView.setBackgroundColor(Color.TRANSPARENT)
                mBinding.webView.isHorizontalScrollBarEnabled = false
                mBinding.webView.loadData(
                    result, "text/html; charset=UTF-8", null
                )
				//此处为Kotlin的匿名内部类的写法
                mBinding.webView.webViewClient = object: WebViewClient(){
                    override fun shouldOverrideUrlLoading(view: WebView?, request: WebResourceRequest?): Boolean {
                        if (request?.url.toString().contains("bing.com.cn"))
                        {
                            openMailClient()
                            return true
                        }
                        return super.shouldOverrideUrlLoading(view, request)
                    }
                }
            }
        }

然后编写openMainClient方法

private fun openMailClient() {
        var uri = Uri.parse("https://www.baidu.com")
        var intent = Intent(Intent.ACTION_VIEW, uri)

        startActivity(intent)
    }