淺試 Webview 一app 加載 H5小遊戲

總體架構：

InventionActivity：實現UI的實例化，基本的按鈕Activity之間跳轉

GameActivity：實現UI的實例化，Webview的基本使用

MyProgressDialog：UI進度對話框屬性類

依賴庫類：

SystemBarTintManager + Config =  實現兼容版本沉浸狀態欄

----------------------我是每天酷濤---------------------------

Webview 運行加載 H5小遊戲

Webview基本屬性

WebSettings ：

WebSettings setting = webView.getSettings();

setting.setUseWideViewPort(true); 　　//將圖片調整至適合Webview大小

settings.setSupportZoom(true);//支持縮放

settings.setLoadWithOverviewMode(true);//縮放至屏幕大小

settings.setLoadsImagesAutomatically(true);//支持自動加載圖片

settings.setDomStorageEnabled(true); //開啓dom storage AOI功能

//進行緩存

settings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);//設置緩存模式
settings.setAppCacheEnabled(true);//加載緩存

String path = Environment.getExternalStorageDirectory().getAbsolutePath()+"/gamecache";
Log.d("GameActivity", path);
settings.setAppCachePath(path);　　//設計緩存路徑

//加載JS
settings.setJavaScriptEnabled(true);//支持js

webView.loadUrl(msString);//加載網頁

 

//禁止第三方瀏覽器打開

//覆蓋瀏覽器
    webView.setWebViewClient(new WebViewClient() {
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            webView.loadUrl(msString);
            //返回值是true的時候控制去WebView打開，爲false調用系統瀏覽器或第三方瀏覽器
            view.setWebChromeClient(new WebChromeClientProgress());
            return true;
        }

        @Override
        public void onPageStarted(WebView view, String url, Bitmap favicon) {
            myProgressDialog.show();
            webView.setVisibility(View.GONE);
            super.onPageStarted(view, url, favicon);
        }

        @Override
        public void onPageFinished(WebView view, String url) {
            if (myProgressDialog.isShowing()){
                myProgressDialog.dismiss();
                webView.setVisibility(View.VISIBLE);
            }
        }

        @Override
        public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {
            super.onReceivedError(view, errorCode, description, failingUrl);
            view.stopLoading();
            view.clearView();
            String data="遊戲暫時出錯了，正在修復喲。";
            view.loadUrl("javascript:document.body.innerHTML=\"" + data + "\"");
        }
    });
    }

    private class WebChromeClientProgress extends WebChromeClient{
        @Override
        public void onProgressChanged(WebView view, int newProgress) {
            myProgressDialog.setProgress(newProgress);

            if(myProgressDialog !=null){

            if(newProgress >= 100){
                myProgressDialog.dismiss();
                Log.d("GameActivity","100");
            }

        }
        super.onProgressChanged(view, newProgress);
    }
    }

//返回上一個加載的網頁
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
    if (keyCode == KeyEvent.KEYCODE_BACK && webView.canGoBack()){
        //返回鍵退回
        webView.goBack();
        return true;
    }
    return super.onKeyDown(keyCode, event);
}

//借用了網上h5小遊戲的資源

                          

 

 

 

附上源碼地址：https://github.com/TIANTIANKUTAO/Invention_SimpleHeart