Android 使用 TextView 显示网页内容

nukix

已于 2022-11-20 12:56:09 修改

阅读量1.3k

点赞数 1

分类专栏： android java 文章标签： android 1024程序员节

于 2022-08-28 15:47:31 首次发布

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/dxk539687357/article/details/126569841

版权

android 同时被 2 个专栏收录

24 篇文章 1 订阅

订阅专栏

java

9 篇文章 0 订阅

订阅专栏

本文主要介绍 Mezzanine 和 jsoup。其中 Mezzanine 用于将 html/js 页面转成字符串； jsoup 用于解析 html 代码。

博主博客

GitHub 地址

Mezzanine: https://github.com/anthonycr/Mezzanine
jsoup: https://github.com/jhy/jsoup

一、导入仓库

allprojects {
    repositories {
        mavenCentral()
        jcenter()
    }
}

android {
	defaultConfig {
		javaCompileOptions {
            annotationProcessorOptions {
                def hash = new HashMap<String, String>()
                hash.put("mezzanine.projectPath", project.rootDir.getAbsolutePath())
                arguments = hash
            }
        }
	}
}

dependencies {
	// file reading
    implementation "com.anthonycr.mezzanine:mezzanine:1.1.1"
    annotationProcessor "com.anthonycr.mezzanine:mezzanine-compiler:1.1.1"

    // html parsing for reading mode
    implementation 'org.jsoup:jsoup:1.15.2'
}

二、Html 代码编写

在 app/src/main/html/ 文件夹中新建 index.html 文件。

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>标题</title>
</head>
<body>
    <h1 id="title1">小标题</h1>
    <div><a href="https://blog.csdn.net/dxk539687357">我的 CSDN</a></div>
</body>
</html>

三、Java 代码编写

新建 IndexPage.java 文件。

@FileStream("app/src/main/html/index.html")
public interface IndexPage {

    String provideHtml();

}

调用代码

	MezzanineGenerator.IndexPage licensePage = new MezzanineGenerator.IndexPage();
	
	Document document = Jsoup.parse(licensePage.provideHtml());
	// 修改网页标题
	document.title("这是网页的标题");
	// 根据 id 修改节点内容
	document.getElementById("title1").text("标题1");
	// 输出 html 字符串
	String html = document.outerHtml();
	
	TextView tvShow = findViewById(R.id.tvShow);
	// 可选， 如果需要 TextView 中的超链接可以点击， 需要设置下面两个属性
	tvShow.setClickable(true);
	tvShow.setMovementMethod(LinkMovementMethod.getInstance());
	
	tvShow.setText(Html.fromHtml(html));