Android:控件WebView使用(一)
2016-04-26 16:28
483 查看
一、why:
由于移动端的发展源于web端的发展,所以,当web端已经发展一定时间,积累了一定量的网页,而app如果想获取所有的web网页资源,不可能将网页全部重做一遍,因此webview腾空出现。一句话:能将网页轻松的内嵌到app中,还可以直接和js相互调用。(当然,随着H5的蓬勃发展,使用H5的人越来越多,所以,大家对WebView的使用也越来越多。)
二、what:
显示一张在线的网页,还可以调用第三方浏览器打开页面。
三、how
(一)基本使用
1、获取webview对象
(1)、布局
<Webview
android:layout_width="match_parent"
android:layout_height="match_parent" >
</Webview>
(2)、动态代码
WebView webview = new WebView(this);
setContentView(webview); //webview可以作为View进行显示。
2、在AndroidManifest.xml设置访问网络权限
(二)、用途:方法的使用
1、加载本地/SD/Web资源
(1)加载本地asset文件夹
example.html 存放在assets文件夹内
调用WebView的loadUrl()方法,
webcontent.loadUrl(" content://com.android.htmlfileprovider/sdcard/kris.html ")
errorHtml = "<html><body><h1>Page not find!</h1></body></html>";webcontent.loadData(errorHtml, "text/html", "UTF-8");
(4)加载web资源
2、在程序内打开网页
创建一个自己的WebViewClient,通过setWebViewClient关联
package com.example.testopen;
import android.app.Activity;
import android.os.Bundle;
import android.webkit.WebView;
import android.webkit.WebViewClient;
public class MainActivity extends Activity {
private WebView webView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.test);
init();
}
private void init(){
webView = (WebView) findViewById(R.id.webView);
//WebView加载web资源
webView.loadUrl("http://baidu.com");
//覆盖WebView默认使用第三方或系统默认浏览器打开网页的行为,使网页用WebView打开
webView.setWebViewClient(new WebViewClient(){
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
// TODO Auto-generated method stub
//返回值是true的时候控制去WebView打开,为false调用系统浏览器或第三方浏览器
view.loadUrl(url);
return true;
}
});
}
}
3、如果访问的页面中有Javascript,则webview必须设置支持Javascript
4、如果希望浏览的网页后退而不是退出浏览器,需要WebView覆盖URL加载,让它自动生成历史访问记录,那样就可以通过前进或后退访问已访问过的站点
5、判断页面加载过程
[b][b]webView.setWebChromeClient(new WebChromeClient() {
@Override
public void onProgressChanged(WebView view, int newProgress) {
// TODO Auto-generated method stub
if (newProgress == 100) {
// 网页加载完成
} else {<
4000
br />
// 加载中
}
}
});
[/b][/b]
[b][b]6、[b]缓存的使用[/b][/b][/b]
[b][/b]
优先使用缓存
不使用缓存:
由于移动端的发展源于web端的发展,所以,当web端已经发展一定时间,积累了一定量的网页,而app如果想获取所有的web网页资源,不可能将网页全部重做一遍,因此webview腾空出现。一句话:能将网页轻松的内嵌到app中,还可以直接和js相互调用。(当然,随着H5的蓬勃发展,使用H5的人越来越多,所以,大家对WebView的使用也越来越多。)
二、what:
显示一张在线的网页,还可以调用第三方浏览器打开页面。
三、how
(一)基本使用
1、获取webview对象
(1)、布局
<Webview
android:layout_width="match_parent"
android:layout_height="match_parent" >
</Webview>
(2)、动态代码
WebView webview = new WebView(this);
setContentView(webview); //webview可以作为View进行显示。
2、在AndroidManifest.xml设置访问网络权限
<uses-permission android:name="android.permission.INTERNET"/>
(二)、用途:方法的使用
1、加载本地/SD/Web资源
(1)加载本地asset文件夹
example.html 存放在assets文件夹内
调用WebView的loadUrl()方法,
webView = (WebView) findViewById(R.id.webView); webView.loadUrl("file:///android_asset/example.html");
(2)加载SD卡
webcontent.loadUrl(" content://com.android.htmlfileprovider/sdcard/kris.html ")
(3)加载Html字符串
errorHtml = "<html><body><h1>Page not find!</h1></body></html>";webcontent.loadData(errorHtml, "text/html", "UTF-8");
(4)加载web资源
webView = (WebView) findViewById(R.id.webView); webView.loadUrl("http://baidu.com");
2、在程序内打开网页
创建一个自己的WebViewClient,通过setWebViewClient关联
package com.example.testopen;
import android.app.Activity;
import android.os.Bundle;
import android.webkit.WebView;
import android.webkit.WebViewClient;
public class MainActivity extends Activity {
private WebView webView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.test);
init();
}
private void init(){
webView = (WebView) findViewById(R.id.webView);
//WebView加载web资源
webView.loadUrl("http://baidu.com");
//覆盖WebView默认使用第三方或系统默认浏览器打开网页的行为,使网页用WebView打开
webView.setWebViewClient(new WebViewClient(){
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
// TODO Auto-generated method stub
//返回值是true的时候控制去WebView打开,为false调用系统浏览器或第三方浏览器
view.loadUrl(url);
return true;
}
});
}
}
3、如果访问的页面中有Javascript,则webview必须设置支持Javascript
//启用支持javascript WebSettings settings = webView.getSettings(); settings.setJavaScriptEnabled(true);
4、如果希望浏览的网页后退而不是退出浏览器,需要WebView覆盖URL加载,让它自动生成历史访问记录,那样就可以通过前进或后退访问已访问过的站点
//改写物理按键——返回的逻辑 @Override public boolean onKeyDown(int keyCode, KeyEvent event) { // TODO Auto-generated method stub if(keyCode==KeyEvent.KEYCODE_BACK) { if(webView.canGoBack()) { webView.goBack();//返回上一页面 return true; } else { System.exit(0);//退出程序 } } return super.onKeyDown(keyCode, event); }
5、判断页面加载过程
[b][b]webView.setWebChromeClient(new WebChromeClient() {
@Override
public void onProgressChanged(WebView view, int newProgress) {
// TODO Auto-generated method stub
if (newProgress == 100) {
// 网页加载完成
} else {<
4000
br />
// 加载中
}
}
});
[/b][/b]
[b][b]6、[b]缓存的使用[/b][/b][/b]
[b][/b]
优先使用缓存
webView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
不使用缓存:
webView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);
相关文章推荐
- android WebView组件使用总结
- 解决video标签在安卓webview下无法自动播放问题
- Android webview与js交换JSON对象数据示例
- android中WebView和javascript实现数据交互实例
- Android的webview支持HTML5的离线应用功能详细配置
- Android开发之WebView组件的使用解析
- Android中实现Webview顶部带进度条的方法
- Android WebView控件捕获用户输入的信息
- Android中访问证书有问题的SSL网页的方法
- 基于Android中Webview使用自定义的javascript进行回调的问题详解
- Android webview用法实例简析
- Android编程实现WebView自适应全屏方法小结
- Android编程使WebView支持HTML5 Video全屏播放的解决方法
- Android使用WebView播放flash的方法
- Android中WebView无法后退和js注入漏洞的解决方案
- Android编程实现WebView全屏播放的方法(附源码)
- android webview 中localStorage无效的解决方法
- Android使用原生组件WebView加载网页和数据的方法
- android webview 简单浏览器实现代码
- android 中 webview 怎么用 localStorage