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;
            }
        });

    }
}

4.踩坑點說明：

網址這里容易踩坑導致打包不成APP，請確保手機聯網，最好是手機與電腦連接同一個網絡。

例如：我電腦連接我手機開的熱點，電腦cmd輸入ipconfig查找到WLAN對應的IPV4地址為172.20.10.8，在瀏覽器端將localhost替換為172.20.10.8，如上述代碼的

http://172.20.10.8:8080/examApp/lvyou/index.html能夠正確跑起，在使用webView.loadUrl()封裝地址。

若為蘋果手機，在AndriodStudio中使用安卓虛擬機，請確保虛擬機開啟wifi並聯網！！

5.學習鏈接：

 一份全面的WebView介紹：https://juejin.im/post/5924dbf58d6d810058fdde43

 6如何完全卸載AndriodStudio

學完就卸載我也太真實了吧hhhhhhhhhh，本學期安卓課程了解了安卓原生的一些相關組件用原生組件做了些實驗、還有做實驗的時候我覺得安卓的頁面間跳轉傳參真麻煩，蘋果機又用虛擬機太卡了，卡的我一直想學玩就卸hhhhhhhhhhhhhh

打開控制面板或安卓的uninstall.exe或軟件管家等執行常規的卸載操作。

找到SDK的安裝目錄手動刪除SDK。

進入“C:\Users\<你的用戶名下>”目錄下，手動刪除".android"、".AndroidStudioX.X"、".gradle"目錄