Android--WebView控件
WebView
一 简介:
WebView一般用于将Android页面已HTML的形式展现,我们一般叫它HTML5开发;
WebView可以使得网页轻松的内嵌到app里,还可以直接跟js相互调用,通过json或者GSON格式的数据调用,可以很方便的和后台交互。
webview有两个方法:setWebChromeClient 和 setWebClient
setWebClient:主要处理解析,渲染网页等浏览器做的事情;
setWebChromeClient:辅助WebView处理Javascript的对话框,网站图标,网站title,加载进度等 ;
WebViewClient就是帮助WebView处理各种通知、请求事件的。
二、简单使用:
2.1、在AndroidManifest.xml设置访问网络权限:
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
1 <uses-permission android:name="android.permission.INTERNET"/>
2.2、WebView控件:
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
1 <WebView 2 android:id="@+id/view_html5_1" 3 android:layout_height="fill_parent" 4 android:layout_width="fill_parent"/>
2.3、后台Activity程序:
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
1 package com.zdw.myhtml5_test; 2 3 import android.os.Bundle; 4 import android.webkit.WebView; 5 import android.webkit.WebViewClient; 6 import android.app.Activity; 7 8 public class MainActivity extends Activity { 9 private WebView webView; 10 protected void onCreate(Bundle savedInstanceState) { 11 super.onCreate(savedInstanceState); 12 setContentView(R.layout.activity_main); 13 init();//加载初始化程序 14 } 15 16 /***********************************************《--初始化程序--》*******************************************/ 17 private void init(){ 18 webView = (WebView) findViewById(R.id.view_html5_1); 19 //WebView加载web资源 20 webView.loadUrl("http://baidu.com"); 21 //覆盖WebView默认使用第三方或系统默认浏览器打开网页的行为,使网页用WebView打开 22 webView.setWebViewClient(new WebViewClient(){ 23 public boolean shouldOverrideUrlLoading(WebView view, String url) { 24 //返回值是true的时候控制去WebView打开,为false调用系统浏览器或第三方浏览器 25 view.loadUrl(url);//加载URl 26 return true; 27 } 28 }); 29 } 30 }
2.4、程序运行后的图片:
三、试用途径:
3.1、加载本地资源
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
1 webView = (WebView) findViewById(R.id.webView); 2 webView.loadUrl("file:///android_asset/example.html");
3.2、加载Web资源
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
1 webView = (WebView) findViewById(R.id.webView); 2 webView.loadUrl("http://baidu.com");
四、程序内打开网页
上面介绍过了,这里就不重复了。
需要注意的一点就是:
如果你的文件资源放在了assets文件中,如下图:
但是,引用的url路径为:
特别数以绿色部分的路径。
五、如果访问的页面中有Javascript,则webview必须设置支持Javascript
这里需要声明的
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
1 //启用支持javascript 2 WebSettings settings = webView.getSettings(); 3 settings.setJavaScriptEnabled(true);
六、后退网页处理。
需要WebView覆盖URL加载,让它自动生成历史访问记录,那样就可以通过前进或后退访问已访问过的站点。
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
1 //改写物理按键——返回的逻辑 2 public boolean onKeyDown(int keyCode, KeyEvent event) { 3 if(keyCode==KeyEvent.KEYCODE_BACK) 4 { 5 if(webView.canGoBack()) 6 { 7 webView.goBack();//返回上一页面 8 return true; 9 } 10 else 11 { 12 System.exit(0);//退出程序 13 } 14 } 15 return super.onKeyDown(keyCode, event); 16 }
七、判断页面加载过程
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
1 webView.setWebChromeClient(new WebChromeClient() { 2 public void onProgressChanged(WebView view, int newProgress) { 3 if (newProgress == 100) { 4 // 网页加载完成 5 6 } else { 7 // 加载中 8 9 } 10 } 11 });
八、缓存的使用
优先使用缓存:
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
1 webView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
不使用缓存:
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
1 webView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);