安卓——WebView

向右看齐 2022-05-30 04:52 260阅读 0赞

![70][]

![70 1][]![70 2][]

![70 3][]

![70 4][]

![70 5][]

![70 6][]

![70 7][]

![70 8][]

![70 9][]

![70 10][]

![70 11][]

![70 12][]

example.html文件的位置

以下是代码

example.html

AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
    <manifest xmlns:android="http://schemas.android.com/apk/res/android"
        package="com.example.lenovo.webview">
    
        <uses-permission android:name="android.permission.INTERNET"/>
        <application
            android:allowBackup="true"
            android:icon="@mipmap/ic_launcher"
            android:label="@string/app_name"
            android:roundIcon="@mipmap/ic_launcher_round"
            android:supportsRtl="true"
            android:theme="@style/AppTheme">
            <activity android:name=".MainActivity">
                <intent-filter>
                    <action android:name="android.intent.action.MAIN" />
    
                    <category android:name="android.intent.category.LAUNCHER" />
                </intent-filter>
            </activity>
        </application>
    
    </manifest>

activity\_main.xml

<?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"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        tools:context="com.example.lenovo.webview.MainActivity">
    
    
        <WebView
            android:id="@+id/webview"
            android:layout_width="match_parent"
            android:layout_height="match_parent">
    
        </WebView>
    
    </LinearLayout>

MainActivity

package com.example.lenovo.webview;
    
    import android.app.Activity;
    import android.app.ProgressDialog;
    import android.os.Bundle;
    import android.view.KeyEvent;
    import android.webkit.WebChromeClient;
    import android.webkit.WebResourceRequest;
    import android.webkit.WebSettings;
    import android.webkit.WebView;
    import android.webkit.WebViewClient;
    import android.widget.Toast;
    
    public class MainActivity extends Activity {
        private WebView webView;
        private String url="http://2014.qq.com/";
        private ProgressDialog dialog;
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            webView=(WebView)findViewById(R.id.webview);
            init();
        }
    
        private void init() {
            //WebView加载本地资源
            //webView.loadUrl("file:///android_asset/example.html");
            //webView加载web资源
            webView.loadUrl(url);
    
            //覆盖WebView请求系统浏览器或者第三方浏览器打开网页，在WebView自己里面打开
            webView.setWebViewClient(new WebViewClient(){
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
    
                //返回true在自己里面打开，返回false在第三方或者系统浏览器中打开
                view.loadUrl(url);
                return true;
    
            }
        });
            //WebViewClient帮助webview处理一些页面的控制和请求通知
            //启用JavaScript
            WebSettings settings=webView.getSettings();
            settings.setJavaScriptEnabled(true);
    
            //webView优先加载缓存
            webView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
    
            //打开一个网页是加载一个对话框,提示用户当前加载了白分之几
            webView.setWebChromeClient(new WebChromeClient(){
                @Override
                public void onProgressChanged(WebView view, int newProgress) {
                    //newProgress是1%-100%
                    if(newProgress==100){
    
                        closedialogue();
                    }
                    else{
                        openDialogue(newProgress);
                    }
                }
                public void closedialogue(){
    
                    if(dialog!=null&&dialog.isShowing()) {
                        dialog.dismiss();
                        dialog = null;
                    }
                }
                private void  openDialogue(int newProgress){
                    if(dialog==null){
                        dialog=new ProgressDialog(MainActivity.this);
                        dialog.setTitle("正在加载");
                        dialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
                        dialog.setProgress(newProgress);
                        dialog.show();
                    }
                    else
                        dialog.setProgress(newProgress);
                }
            });
        }
    
    
    
        //改写物理按键——返回的逻辑
        @Override
        public boolean onKeyDown(int keyCode, KeyEvent event) {
            if(keyCode==KeyEvent.KEYCODE_BACK)
            {
                Toast.makeText(this,webView.getUrl(),Toast.LENGTH_SHORT).show();
                if(webView.canGoBack())
                {
                    webView.goBack();
                    return true;
                }
                else
                    System.exit(0);//程序退出
            }
    
            return super.onKeyDown(keyCode, event);
        }
    }

[70]: /images/20220530/ce4309764b7f4982af4cc0a234e01498.png
[70 1]: https://img-blog.csdn.net/20180305160012963?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvd2VpeGluXzM4MTk5Nzcw/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 2]: /images/20220530/b6f59e02722a47959c258244797dbcf1.png
[70 3]: /images/20220530/80075fc94bb94bdeb98169c056ad2e37.png
[70 4]: /images/20220530/fff3b475a8e74c2e97c944cbbd419ca9.png
[70 5]: /images/20220530/c7e9b7dac4954875a8c4b7939a231688.png
[70 6]: /images/20220530/7b4b99001550462d9620fff6b376395d.png
[70 7]: /images/20220530/229f5a0a0e8f490cba2efcf6b5d6d53a.png
[70 8]: /images/20220530/1938c988c58a4160af1e920b6fbd3779.png
[70 9]: /images/20220530/ffde00f307484aae9fbd7e527c568b5c.png
[70 10]: /images/20220530/4547294e6ed0426bbe20f0e2357873a9.png
[70 11]: /images/20220530/183c70304cce454f80c8798fb19fad3b.png
[70 12]: /images/20220530/714545bd5a374a579bfe57c8492dff90.png