首页 > 程序开发 > 移动开发 > Android >

Android中使用WebView显示网页

2017-04-24

Android中使用WebView显示网页。

Android中使用WebView显示网页。

1,技术要点
打包本地网页
加载Web页面
实现Web页面的返回功能
设置启用JS
设置优先使用缓存
设置在当前WebView中打开URL
设置Web页面加载进度对话框

2,Demo展示图片

这里写图片描述
3,布局代码

//(layout)activity_main.xml


    

-------------------------------------------------
//(menu)main.xml
------------------------------------------------- //(assets)index.html //index.html页面见Demo

4,Activity代码

//MainActivity
import android.app.ProgressDialog;
import android.content.Context;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.KeyEvent;
import android.view.Menu;
import android.view.MenuItem;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class MainActivity extends AppCompatActivity {
    private Context mContext = MainActivity.this;
    private WebView mWebView;
    private ProgressDialog mDialog;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
        initData();
    }

    private void initView(){
        mWebView = (WebView) findViewById(R.id.webView);
    }

    private void initData(){
        // 设置启用JS
        WebSettings webSettings = mWebView.getSettings();
        webSettings.setJavaScriptEnabled(true);

        // 设置优先使用缓存
        webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);

        // 设置在当前WebView打开url
        mWebView.setWebViewClient(new WebViewClient(){
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                view.loadUrl(url);
                return false;
            }
        });

        // 设置web页面加载进度对话框
        mWebView.setWebChromeClient(new WebChromeClient(){
            @Override
            public void onProgressChanged(WebView view, int newProgress) {
                // newProgress 是一个1-100的整数
                if(newProgress == 100){
                    closeDialog();
                }else{
                    openDialog(newProgress);
                }
                super.onProgressChanged(view, newProgress);
            }
        });
    }

    /**
     * 如果网页加载完成,关闭对话框
     */
    private void closeDialog() {
        if(mDialog != null && mDialog.isShowing()){
            mDialog.dismiss();
            mDialog = null;
        }
    }

    /**
     * 如果网页正在加载,显示对话框
     */
    private void openDialog(int newProgress) {
        if(mDialog == null){
            mDialog = new ProgressDialog(mContext);
            mDialog.setProgress(newProgress);
            mDialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
            mDialog.setIndeterminate(false);
            mDialog.setIcon(R.mipmap.ic_launcher);
            mDialog.setTitle("页面加载中,请稍候!");
            mDialog.show();
        }else{
            mDialog.setProgress(newProgress);
        }
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.main ,menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()){
            case R.id.asset:
                // 加载asset目录本地页面
                mWebView.loadUrl("file:///android_asset/index.html");
                break;

            case R.id.web:
                // 加载web页面,前提是添加了网络访问权限
                mWebView.loadUrl("https://www.baidu.com");
                break;
        }
        return super.onOptionsItemSelected(item);
    }

    // 实现web页面的后退,前提是设置了在WebView中打开
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if(keyCode == KeyEvent.KEYCODE_BACK){
            // 如果有返回页面 就返回
            if(mWebView.canGoBack()){
                mWebView.goBack();
                // 将事件消费掉
                return true;
                // 没有返回页面 就退出程序
            }else{
                System.exit(0);
            }
        }
        return super.onKeyDown(keyCode, event);
    }
}

注:想要加载网络页面,需在AndroidManifest.xml文件中添加网络访问权限

相关文章
最新文章
热点推荐