AndroidStudio用WebView打包APP教程

GalaxyShines

已于 2024-10-15 11:17:30 修改

阅读量535

点赞数 3

分类专栏： AndroidStudio 文章标签： android-studio webview

于 2024-09-26 10:16:42 首次发布

本文链接：https://blog.csdn.net/ydk1203/article/details/142546667

版权

AndroidStudio 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

步骤1：File -> New -> New Project 新建项目

选择图示的模版，点击Next

在Name处设置你的项目名称

在Language设置你要使用的语言

点击Finish

创建完的界面如图所示

注意：如果你的左侧列表与上图不一致，请留意你的右下角是否有一个进度条，如果有进度条说明正在编译（首次需要下载依赖，需要一段时间）

让我们继续往下看

步骤2：在左侧列表的app文件夹上右键，选择 New -> Folder -> Assets Folder

显示如下界面，直接Finish

此时左侧文件列表如下图所示

将你的 APP / 网页文件放入assets文件夹下，然后我们继续

步骤3：打开app -> res -> layout 路径下的 activity_main.xml文件

打开的 activity_main.xml文件如下图所示，点击右上角的选项切换到代码视图

将代码改为下图所示（将红框区域的原有的TextView代码删除，改为下图所示。将蓝框中的原有标签名改为FrameLayout）

步骤4：打开下图所示的MainActivity文件（在第一个com.example文件夹中）

将class MainActivity中的内容改为下图所示

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        // 获取 WebView 实例
        val webView: WebView = findViewById(R.id.wvh5)

        // 设置 WebView 属性
        webView.apply {
            settings.apply {
                javaScriptEnabled = true // 启用 JavaScript
                allowContentAccess = true // 允许访问内容
                allowFileAccess = true // 允许访问文件
                domStorageEnabled = true // 启用 DOM 存储
            }

            // 设置 WebViewClient 处理 URL 加载
            webViewClient = object : WebViewClient() {
                override fun shouldOverrideUrlLoading(
                    view: WebView?,
                    request: WebResourceRequest?
                ): Boolean {
                    // 在这里处理 URL 加载逻辑
                    return false // 返回 false 表示 WebView 处理该 URL
                }
            }

            // 加载本地 HTML 文件
            loadUrl("file:///android_asset/main.html")
        }
    }
}