如何为已布局的Kotlin WebView添加刷新按钮功能？

你已经在布局文件中添加了刷新按钮，只需在MainActivity.kt中补充按钮点击逻辑即可完成页面刷新功能，具体修改如下：

修改后的MainActivity.kt代码 #

package com.example.myapplication

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.webkit.WebView
import android.webkit.WebViewClient
import android.widget.Button

class MainActivity : AppCompatActivity() {

    private lateinit var webView: WebView
    // 声明刷新按钮变量
    private lateinit var refreshButton: Button

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        
        webView = findViewById(R.id.webview)
        // 获取刷新按钮实例
        refreshButton = findViewById(R.id.button)

        webView.settings.javaScriptEnabled = true
        webView.setInitialScale(1)
        webView.settings.loadWithOverviewMode = true
        webView.settings.useWideViewPort = true
        webView.settings.builtInZoomControls = true
        webView.settings.supportZoom = true

        webView.webViewClient = object : WebViewClient() {
            override fun shouldOverrideUrlLoading(view: WebView?, url: String?): Boolean {
                url?.let { view?.loadUrl(it) }
                return true
            }
        }
        // 补充协议头，确保页面正常加载
        webView.loadUrl("https://example.com")

        // 设置点击监听，调用reload()刷新页面
        refreshButton.setOnClickListener {
            webView.reload()
        }
    }
}

核心逻辑说明 #

• 新增按钮变量声明并通过findViewById绑定布局中的按钮
• 给按钮添加点击监听器，触发时调用webView.reload()方法，该方法会重新加载WebView当前显示的页面
• 修复原代码中loadUrl缺少协议头的问题，避免页面加载失败

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