您当前的位置:首页 > 计算机 > 编程开发 > 安卓(android)开发

Android Studio创建安卓App通过WebView内嵌网页

时间:12-15来源:作者:点击数:

做了一个react的纯前端的应用,想要使用Android Studio创建一个安卓app通过WebView内嵌。

创建app和启动页之前有讲过

Android Studio Dolphin创建app启动页Splash自动跳转

然后创建一个Activity,因为是用来放WebView,所以我命名为WebActivity。创建后在WebActivity.java文件里编写代码

package com.example.mymoney;
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.view.KeyEvent;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Toast;

public class WebActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        getSupportActionBar().hide();
        setContentView(R.layout.activity_web);
        WebView webView = (WebView)findViewById(R.id.wv_webview);
        String url = "需要内嵌的页面的Url";
        //此方法可以在webview中打开链接而不会跳转到外部浏览器
        webView.setWebViewClient(new WebViewClient());
        WebSettings webSettings = webView.getSettings();
        //此方法可以启用html5页面的javascript
        webSettings.setJavaScriptEnabled(true);
        webSettings.setDomStorageEnabled(true);
        webView.loadUrl(url);
    }

    private long exitTime = 0;
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if(keyCode == KeyEvent.KEYCODE_BACK && event.getAction() == KeyEvent.ACTION_DOWN){
            if((System.currentTimeMillis()-exitTime) > 2000){
                Toast.makeText(getApplicationContext(), "再按一次退出程序", Toast.LENGTH_SHORT).show();
                exitTime = System.currentTimeMillis();
            } else {
                finish();
                System.exit(0);
            }
            return true;
        }
        return super.onKeyDown(keyCode, event);
    }
}

其中,getSupportActionBar().hide();是隐藏Bar让WebView全屏。

webSettings.setJavaScriptEnabled(true); 是设置允许执行javascript脚本。

webSettings.setDomStorageEnabled(true); 是允许读写localstorage也是比较重要。

onKeyDown方法实现的功能是当用户点击原生返回按钮时,提示再按一次退出程序。用户连续按两次返回就会退出app,这是目前一般app都是用的交互方式。

还有一个重要的设置是允许网络权限。

在manifests/AndroidManifest.xml文件里增加一个配置节点<uses-permission android:name="android.permission.INTERNET"/>

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools">
    <!--配置网络权限-->
    <uses-permission android:name="android.permission.INTERNET"/>
    <application
        android:allowBackup="true"
        android:dataExtractionRules="@xml/data_extraction_rules"
        android:fullBackupContent="@xml/backup_rules"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/Theme.MyMoney"
        tools:targetApi="31">
        <activity
            android:name=".WebActivity"
            android:exported="false">
            <meta-data
                android:name="android.app.lib_name"
                android:value="" />
        </activity>
        <activity
            android:name=".SplashActivity"
            android:exported="true">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>

            <meta-data
                android:name="android.app.lib_name"
                android:value="" />
        </activity>
    </application>

</manifest>

这样运行app就可以正常在webview里加载页面了。

方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门