Android端RecyclerView加载扩展HTML标签内容的最优实现方案咨询

这是解决卡顿问题的最优方案，完全规避WebView作为RecyclerView子项的性能缺陷，同时支持你需要的自定义标签、内联CSS等能力。
你可以使用专门的Android富文本渲染库，这类库直接将HTML内容渲染到原生TextView上，性能和普通TextView加载文本接近，远高于WebView，支持的特性远超原生Html.fromHtml：

• 支持内联CSS样式解析
• 支持自定义标签、自定义列表项目符号
• 无需处理WebView的生命周期、异步加载异常等问题

简单使用示例：

// 初始化富文本渲染实例，开启HTML和内联CSS支持
val markwon = Markwon.builder(context)
    .use(HtmlPlugin.create())
    .use(CSSInlinePlugin.create())
    .build()

// ViewHolder绑定逻辑
override fun bind(position: Int) {
    val htmlContent = message.changeHtmlLinkColor()
    // 直接将HTML内容渲染到TextView即可
    markwon.setMarkdown(textView, htmlContent)
}

如果你的HTML内容复杂度极高，原生富文本库无法满足需求，必须使用WebView，可以通过以下优化解决卡顿和加载异常问题：

核心优化点 #

• WebView的全局配置（WebSettings、WebViewClient等）仅在ViewHolder创建时执行一次，不要放在bind方法中重复执行
• 不需要JS能力时关闭javaScriptEnabled，可大幅降低资源占用
• 复用ViewHolder时先停止之前的加载任务、清空旧内容，避免内容残留和无效资源开销
• 提前计算HTML内容高度，bind时直接给WebView设置固定高度，避免WebView加载后触发父布局重测量
• 开启WebView缓存机制，相同内容无需重复加载
• 给RecyclerView开启setHasFixedSize(true)，减少不必要的布局重绘

优化后代码示例 #

class MessageViewHolder internal constructor(itemView: View) : RecyclerView.ViewHolder(itemView), ViewHolderBinder {
    private var webView: WebView? = itemView.findViewById(R.id.ac_web_view)

    // 初始化配置仅执行一次
    init {
        webView?.apply {
            isVerticalScrollBarEnabled = false
            settings.apply {
                // 不需要JS时务必关闭，性能提升非常明显
                javaScriptEnabled = false
                cacheMode = WebSettings.LOAD_CACHE_ELSE_NETWORK
                domStorageEnabled = true
                setAppCacheEnabled(true)
            }
            setLayerType(View.LAYER_TYPE_HARDWARE, null)
            webViewClient = object : WebViewClient() {
                override fun shouldOverrideUrlLoading(view: WebView, url: String): Boolean {
                    view.context.startActivity(
                        Intent(Intent.ACTION_VIEW, Uri.parse(url))
                    )
                    return true
                }
            }
        }
    }

    override fun bind(position: Int) {
        super.bind(position)
        loadContentOnWebView(message)
    }

    private fun loadContentOnWebView(message: String) {
        webView?.apply {
            // 先停止旧的加载任务，清空上一个item的内容
            stopLoading()
            loadUrl("about:blank")
            // 加载新的HTML内容
            loadDataWithBaseURL(null, message.changeHtmlLinkColor(), "text/html", "UTF-8", null)
        }
    }

    // ViewHolder被回收时停止加载，释放资源
    override fun onViewRecycled() {
        super.onViewRecycled()
        webView?.stopLoading()
    }
}

内容的提问来源于stack exchange，提问作者Anil Bhomi