webview加载Html页面

webview的属性

//支持javascript
web.getSettings().setJavaScriptEnabled(true); 
//不使用缓存
  webSettings.setCacheMode(WebSettings.LOAD_NO_CACHE);
// 设置可以支持缩放 
web.getSettings().setSupportZoom(true); 
// 设置出现缩放工具 
web.getSettings().setBuiltInZoomControls(true);
//扩大比例的缩放
web.getSettings().setUseWideViewPort(true);
 // 缩放至屏幕的大小 ,自由缩放 ，隐藏缩放提示
 webSettings.setLoadWithOverviewMode(true);
 webSettings.setSupportZoom(true);
 webSettings.setBuiltInZoomControls(true);
 webSettings.setDisplayZoomControls(false);
 //支持自动加载图片
  webSettings.setLoadsImagesAutomatically(true);
//设置编码格式
 webSettings.setDefaultTextEncodingName("utf-8");
//自适应屏幕
web.getSettings().setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);
web.getSettings().setLoadWithOverviewMode(true);

点击手机上的返回键时，停止html页面中音乐的播放

 @Override
    protected void onPause() {
        super.onPause();
        _webView.reload ();
    }

举个例子，基于MVP架构，涉及到Dagger2，不熟悉的同学可忽略
VIEW 层

public class FormAct extends BaseActivity implements FormContract.View {

    @Inject
    FormPresenter presenter;

    @Inject
    ApiService apiService;


    @BindView(R.id.title_tv)
    TextView titleTv;
    @BindView(R.id.title_img_back)
    ImageView titleImgBack;
    @BindView(R.id.form_web)
    WebView formWeb;
    @BindView(R.id.form_prog)
    ProgressBar progressBar;

    @Override
    protected void onCreate() {
        setContentView(R.layout.activity_form);
        ButterKnife.bind(this);
    }

    @Override
    protected void initInject() {
        DaggerApiComponent.builder().apiModule(new ApiModule(this)).build().inject(this);
    }

    @Override
    protected void initListener() {
        apiService.back(this, "报表", titleImgBack, titleTv);
        presenter.loadUrl();
    }

    @Override
    public WebView getWeb() {
        return formWeb;
    }

    @Override
    public void progressbarVis() {
        progressBar.setVisibility(View.VISIBLE);
    }

    @Override
    public void progressbarGone() {
        progressBar.setVisibility(View.GONE);
    }

    @Override
    public ProgressBar getProg() {
        return progressBar;
    }


    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if (keyCode == KeyEvent.KEYCODE_BACK) {
            if (formWeb.canGoBack()) {
                formWeb.goBack();
                return true;
            } else {
                finish();
            }
        }
        return super.onKeyDown(keyCode, event);
    }
}

Presenter 层

public class FormPresenter implements FormContract.Presenter {

    private FormContract.View act;
    private FormModel model;

    public FormPresenter(FormContract.View act, FormModel formModel) {
        this.act = act;
        this.model = formModel;
    }

    @Override
    public void loadUrl() {
        WebView webView = act.getWeb();

        webView.getSettings().setJavaScriptEnabled(true);

        webView.setWebViewClient(new WebViewClient() {
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                view.loadUrl(url);
                return true;
            }

            @Override
            public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) {
                view.setVisibility(View.GONE);
            }
        });

        webView.setWebChromeClient(new WebChromeClient() {
            @Override
            public void onProgressChanged(WebView view, int newProgress) {
                if (newProgress == 100) {
                    act.progressbarGone();
                } else {
                    act.progressbarVis();
                    act.getProg().setProgress(newProgress);
                }
            }
        });
        webView.loadUrl(model.getUrlData());
    }
}

Modle层

public class FormModel implements FormContract.Model {

    @Override
    public String getUrlData() {
        return "http://www.baidu.com";
    }
}

布局xml

progressbar 文件

?xml version="1.0" encoding="utf-8"?>

    
        
            
            
        
    
    
        
            
                
                
 
            
        
    

项目

项目实例二