Andriod使用WebView制作webAPP

Posted 2021-03-18 生命不息，折腾不止

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Andriod使用WebView制作webAPP相关的知识，希望对你有一定的参考价值。

安卓期末考试做一个app，使用原生安卓开发界面太慢便采用了WebView的方式封装一个WebApp,界面做到响应式即可。

实现思路：确保浏览器端可以正确的跑起自己的项目且界面兼容手机界面，在使用WebView进行封装URL，将本机当作服务器。

1.先在AndriodManifest.xml中允许网络连接

    <!-- 允许网络连接-->
    <uses-permission android:name="android.permission.INTERNET"/>

2.在activity_main.xml中添加一个WebView组件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <WebView
        android:id="@+id/localWebView"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" />


</LinearLayout>

3.编写MainActivity.java

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class MainActivity extends AppCompatActivity {

    WebView webView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //获取webView组件
        webView = (WebView) findViewById(R.id.localWebView);
        //声明WebSettings子类
        WebSettings webSettings = webView.getSettings();

        //对webviewi进行设置
        webSettings.setjavascriptEnabled(true);          //启用javaScript
        webSettings.setUseWideViewPort(true);           //全屏显示：将图片调整到适合webview的大小
        webSettings.setLoadWithOverviewMode(true);      // 全屏显示：缩放至屏幕的大小
        webSettings.setCacheMode(WebSettings.LOAD_NO_CACHE);//清空缓存
        
        //加载网址;
        webView.loadUrl("http://172.20.10.8:8080/examApp/lvyou/index.html"。);

        //禁用使用默认浏览器打开网页
        webView.setWebViewClient(new WebViewClient() {
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                // TODO Auto-generated method stub
                //返回值是true的时候控制去WebView打开，为false调用系统浏览器或第三方浏览器
                view.loadUrl(url);
                return true;
            }
        });

    }
}