转自:http://android.yaohuiji.com/archives/734
本讲内容:WebView的使用方法
今天我们来学习一个可以显示网页的控件WebView。WebView的网页渲染引擎和Safari、Chrome一样都是Webkit。使用WebView进行互联网程序开发有以下优点:
1、可以打开远程网址、也可以加载本地Html数据
2、可以搭建Java和Javascript交互桥梁
3、WebView控件可以高度定制。
下面我们通过几个例子来共同学习WebView的使用方法。
一、先做一个例子热热身看看效果,例子:通过WebView访问本博客http://android.yaohuiji.com
1、先来一个简单的例子,新建一个项目Lesson29_WebView
2、因为要访问互联网所以先在AndroidManifest.xml中设定权限:
- <?xmlversion="1.0"encoding="utf-8"?>
- <manifestxmlns:android="http://schemas.android.com/apk/res/android"package="android.basic.lesson29"android:versioncode="1"android:versionname="1.0">
- <applicationandroid:icon="@drawable/icon"android:label="@string/app_name">
- <activityandroid:label="@string/app_name"android:name=".MainWebView">
- <intent-filter="">
- <actionandroid:name="android.intent.action.MAIN">
- <categoryandroid:name="android.intent.category.LAUNCHER">
- </category></action></intent>
- </activity>
- </application>
- <uses-sdk=""android:minsdkversion="8">
- <uses-permission=""android:name="android.permission.INTERNET">
- </uses></uses></manifest>
3、在res/layout/main.xml中放置一个输入框,一个按钮和一个WebView:
- <?xmlversion="1.0"encoding="utf-8"?>
- <linearlayoutxmlns:android="http://schemas.android.com/apk/res/android"android:orientation="vertical"android:layout_width="fill_parent"android:layout_height="fill_parent"android:background="#fff">
- </linearlayout>
- <linearlayoutxmlns:android="http://schemas.android.com/apk/res/android"android:orientation="horizontal"android:layout_width="fill_parent"android:layout_height="wrap_content">
- <edittextandroid:layout_width="fill_parent"android:layout_height="wrap_content"android:text="http://android.yaohuiji.com"android:id="@+id/EditText01"android:layout_weight="1">
- </edittext>
- <buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="Go"android:id="@+id/Button01"android:layout_weight="0">
- </button>
- </linearlayout>
- <webviewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:background="#fff"android:id="@+id/WebView01">
- </webview>
4、在Activity文件的OnCreate方法中默认载入一个百度页面,点击按钮时载入预设的网址http://android.yaohuiji.com:
- packageandroid.basic.lesson29;
- importandroid.app.Activity;
- importandroid.os.Bundle;
- importandroid.view.View;
- importandroid.webkit.WebView;
- importandroid.widget.Button;
- importandroid.widget.EditText;
- publicclassMainWebViewextendsActivity{
- WebViewmWebView;
- @Override
- publicvoidonCreate(BundlesavedInstanceState){
- super.onCreate(savedInstanceState);
- setContentView(R.layout.main);
- mWebView=(WebView)findViewById(R.id.WebView01);
- Buttonb1=(Button)findViewById(R.id.Button01);
- finalEditTextet=(EditText)findViewById(R.id.EditText01);
- mWebView.getSettings().setJavaScriptEnabled(true);
- mWebView.loadUrl("http://www.baidu.com");
- mWebView.requestFocus();
- b1.setOnClickListener(newView.OnClickListener(){
- @Override
- publicvoidonClick(Viewv){
- mWebView.loadUrl(et.getText().toString());
- }
- });
- }
- }
5、运行程序,查看效果:<略>
二、补充一点基础知识:关于WebSettings
1、先看一下WebView的继承关系,可以看到它不是在 android.widget包中,而是在android.webkit包中。
2、WebSettings: WebView组件有一个辅助类叫WebSettings,它管理WebView的设置状态。该对象可以通过WebView.getSettings()方法获得。下面举几个例子来说明WebSettings的用法:
//得到WebSettings对象,设置支持Javascript的参数
mWebView.getSettings().setJavaScriptEnabled(true);
//设置可以支持缩放
mWebView.getSettings().setSupportZoom(true);
//设置默认缩放方式尺寸是far
mWebView.getSettings().setDefaultZoom(WebSettings.ZoomDensity.FAR);
//设置出现缩放工具
mWebView.getSettings().setBuiltInZoomControls(true);
三、加载assets目录下的本地网页
WebView调用assets目录下的本地网页和图片等资源非常方便,使用形如
wv.loadUrl("file:///android_asset/html/test1.html");
的调用方法即可,代码在第四段落里。
在test1中点击链接也可以跳转到test2
四、使用 LoadData 方法加载内容
可以在Java文件中或者XML文件中定义HTML的片段,也可以在assets目录中存放HTML文件,然后使用LoadData加载其中的内容,展示出来。下面我们使用第三部分的网页来演示一下如何使用LoadData方法,并且看看他们之间的区别。
1、新建项目Lesson29_WebView2
2、新建2个Html文件在assets/html下,内容略去,res/layout/main.xml的内容也略去了,相信对你来说已经不成问题。
3、MainWebView2.java 的内容如下:
- packageandroid.basic.lesson29;
- importjava.io.IOException;
- importjava.io.InputStream;
- importorg.apache.http.util.ByteArrayBuffer;
- importorg.apache.http.util.EncodingUtils;
- importandroid.app.Activity;
- importandroid.os.Bundle;
- importandroid.view.View;
- importandroid.webkit.WebView;
- importandroid.widget.Button;
- publicclassMainWebView2extendsActivity{
- @Override
- publicvoidonCreate(BundlesavedInstanceState){
- super.onCreate(savedInstanceState);
- setContentView(R.layout.main);
- Buttonb1=(Button)findViewById(R.id.Button01);
- Buttonb2=(Button)findViewById(R.id.Button02);
- finalWebViewwv=(WebView)findViewById(R.id.WebView01);
- b1.setOnClickListener(newView.OnClickListener(){
- @Override
- publicvoidonClick(Viewv){
- wv.loadUrl("file:///android_asset/html/test1.html");
- }
- });
- b2.setOnClickListener(newView.OnClickListener(){
- @Override
- publicvoidonClick(Viewv){
- Stringdata="";
- try{
- InputStreamis=getAssets().open("html/test2.html");
- ByteArrayBufferbaf=newByteArrayBuffer(500);
- intcount=0;
- while((count=is.read())!=-1){
- baf.append(count);
- }
- data=EncodingUtils.getString(baf.toByteArray(),"utf-8");
- }catch(IOExceptione){
- e.printStackTrace();
- }
- wv.loadData(data,"text/html","utf-8");
- }
- });
- }
- }
4、运行程序单击第二个按钮,效果如下:<略>
对比上面的例子,我们可以看到两个明显的区别,其一,图片没加载出来,其二链接失效,点击后无法加载test1.html 。
五、两个和WebView相关的重要对象:WebChromeClient 和 WebViewClient
和WebView相关的辅助对象,除了WebSettings以外还有WebChromeClient和WebViewClient。
接下来的这个例子内容比较丰富,虽然注释比较清晰,但是您一次消化起来还是比较困难的,因此您需要的是一点点耐心,多看几遍,最重要的是自己至少敲代码敲一遍。
1、在上面的例子中继续增加内容,增加 test3.html 的内容:
- <scripttype="text/JavaScript">
- functionalertFuction(){
- vara=1;
- varb=2
- alert(a+b);
- }
- functionconfirmFuction(){
- confirm("你确定要删除吗?")
- }
- </script>
- 对话框测试
- <inputonclick="alertFuction()"value="提醒对话框"type="button">
- <inputonclick="confirmFuction()"value="选择对话框"type="button">
- <ahref="test1.html">上一页</a>
2、MainWebView3.java的内容,请注意注释内容:
- packageandroid.basic.lesson29;
- importjava.io.FileOutputStream;
- importandroid.app.Activity;
- importandroid.app.AlertDialog;
- importandroid.app.AlertDialog.Builder;
- importandroid.content.DialogInterface;
- importandroid.graphics.Bitmap;
- importandroid.graphics.Canvas;
- importandroid.graphics.Picture;
- importandroid.os.Bundle;
- importandroid.view.KeyEvent;
- importandroid.view.View;
- importandroid.webkit.JsPromptResult;
- importandroid.webkit.JsResult;
- importandroid.webkit.WebChromeClient;
- importandroid.webkit.WebView;
- importandroid.webkit.WebViewClient;
- importandroid.widget.Button;
- importandroid.widget.Toast;
- publicclassMainWebView3extendsActivity{
- @Override
- publicvoidonCreate(BundlesavedInstanceState){
- super.onCreate(savedInstanceState);
- setContentView(R.layout.main);
- Buttonb1=(Button)findViewById(R.id.Button01);
- Buttonb2=(Button)findViewById(R.id.Button02);
- Buttonb3=(Button)findViewById(R.id.Button03);
- finalWebViewwv=(WebView)findViewById(R.id.WebView01);
- wv.setOnKeyListener(newView.OnKeyListener(){
- @Override
- publicbooleanonKey(Viewv,intkeyCode,KeyEventevent){
- if(event.getAction()==KeyEvent.ACTION_DOWN){
- if((keyCode==KeyEvent.KEYCODE_BACK)&&wv.canGoBack()){
- wv.goBack();
- returntrue;
- }
- }
- returnfalse;
- }
- });
- wv.getSettings().setJavaScriptEnabled(true);
- b1.setOnClickListener(newView.OnClickListener(){
- @Override
- publicvoidonClick(Viewv){
- wv.loadUrl("file:///android_asset/html/test1.html");
- }
- });
- b2.setOnClickListener(newView.OnClickListener(){
- @Override
- publicvoidonClick(Viewv){
- wv.loadUrl("file:///android_asset/html/test3.html");
- }
- });
- b3.setOnClickListener(newView.OnClickListener(){
- @Override
- publicvoidonClick(Viewv){
- Picturepic=wv.capturePicture();
- intwidth=pic.getWidth();
- intheight=pic.getHeight();
- if(width>0&&height>0){
- Bitmapbmp=Bitmap.createBitmap(width,height,Bitmap.Config.ARGB_8888);
- Canvascanvas=newCanvas(bmp);
- pic.draw(canvas);
- try{
- StringfileName="sdcard/"+System.currentTimeMillis()+".png";
- FileOutputStreamfos=newFileOutputStream(fileName);
- if(fos!=null){
- bmp.compress(Bitmap.CompressFormat.PNG,90,fos);
- fos.close();
- }
- Toast.makeText(getApplicationContext(),"截图成功,文件名是:"+fileName,Toast.LENGTH_SHORT).show();
- }catch(Exceptione){
- e.printStackTrace();
- }
- }
- }
- });
- WebViewClientwvc=newWebViewClient(){
- @Override
- publicbooleanshouldOverrideUrlLoading(WebViewview,Stringurl){
- Toast.makeText(getApplicationContext(),"WebViewClient.shouldOverrideUrlLoading",Toast.LENGTH_SHORT)
- .show();
- wv.loadUrl(url);
- returntrue;
- }
- @Override
- publicvoidonPageStarted(WebViewview,Stringurl,Bitmapfavicon){
- Toast.makeText(getApplicationContext(),"WebViewClient.onPageStarted",Toast.LENGTH_SHORT).show();
- super.onPageStarted(view,url,favicon);
- }
- @Override
- publicvoidonPageFinished(WebViewview,Stringurl){
- Toast.makeText(getApplicationContext(),"WebViewClient.onPageFinished",Toast.LENGTH_SHORT).show();
- super.onPageFinished(view,url);
- }
- @Override
- publicvoidonLoadResource(WebViewview,Stringurl){
- Toast.makeText(getApplicationContext(),"WebViewClient.onLoadResource",Toast.LENGTH_SHORT).show();
- super.onLoadResource(view,url);
- }
- };
- wv.setWebViewClient(wvc);
- WebChromeClientwvcc=newWebChromeClient(){
- @Override
- publicbooleanonJsAlert(WebViewview,Stringurl,Stringmessage,finalJsResultresult){
- Builderbuilder=newBuilder(MainWebView3.this);
- builder.setTitle("计算1+2的值");
- builder.setMessage(message);
- builder.setPositiveButton(android.R.string.ok,newAlertDialog.OnClickListener(){
- @Override
- publicvoidonClick(DialogInterfacedialog,intwhich){
- result.confirm();
- }
- });
- builder.setCancelable(false);
- builder.create();
- builder.show();
- returntrue;
- }
- @Override
- publicvoidonReceivedTitle(WebViewview,Stringtitle){
- MainWebView3.this.setTitle("可以用onReceivedTitle()方法修改网页标题");
- super.onReceivedTitle(view,title);
- }
- @Override
- publicbooleanonJsConfirm(WebViewview,Stringurl,Stringmessage,finalJsResultresult){
- Builderbuilder=newBuilder(MainWebView3.this);
- builder.setTitle("删除确认");
- builder.setMessage(message);
- builder.setPositiveButton(android.R.string.ok,newAlertDialog.OnClickListener(){
- @Override
- publicvoidonClick(DialogInterfacedialog,intwhich){
- result.confirm();
- }
- });
- builder.setNeutralButton(android.R.string.cancel,newAlertDialog.OnClickListener(){
- @Override
- publicvoidonClick(DialogInterfacedialog,intwhich){
- result.cancel();
- }
- });
- builder.setCancelable(false);
- builder.create();
- builder.show();
- returntrue;
- }
- @Override
- publicbooleanonJsPrompt(WebViewview,Stringurl,Stringmessage,StringdefaultValue,
- JsPromptResultresult){
- returnsuper.onJsPrompt(view,url,message,defaultValue,result);
- }
- };
- wv.setWebChromeClient(wvcc);
- }
- }
3、运行程序,查看结果:<略>
分享到:
相关推荐
练习:WebView控件使用(链接有道词典查单词)
以下方法可以成功! @Override public void onClick(View view) { webview.loadUrl(url); webview.loadUrl( [removed][removed].reload( true ) );...webView.setWebViewClient(new WebViewCli
1.WebView攻击⾯ 2.WebView配置与使⽤ 3.WebViewURL校验 4.WebView安全防御 5.总结 WebView已成为Android ...通过本演讲,开发者能了解到Android WebView最新的典型漏洞类型及其利用手法,从而获得安全编程方面的指南。
MyWebApp:WebView用法示例
第一讲:Android开发环境的搭建 第二讲:Android系统构架分析和应用程序目录结构分析 第三讲:Android模拟器的使用 emulator ...第二十九讲:WebView学习指南 第三十讲:URLConnection和HttpClient使用入门
android webview学习记录 android webview学习记录
webView 使用指南及使用心得总结
网页浏览 一个新的flutter模块项目。 入门 要获得Flutter入门方面的帮助,请查看我们的在线。 有关将Flutter模块集成到现有应用程序中的说明,请参阅“。 网页浏览
facebook-messenger-webview Facebook Messenger高级主题:Web视图-Messenger平台允许您打开标准Web视图,您可以在其中加载Messenger中的网页。想要使用Node.js构建出色的机器人,请观看我的教程: : list 观看视频...
1.在要Activity中实例化WebView组件:WebView webView = new WebView(this); 2.调用WebView的loadUrl()方法,设置WevView要显示的网页: 互联网用:webView.loadUrl(“http://www.google.com”); 本地文件用:...
超好的WEBVIEW 学习资料 超好的WEBVIEW学习资料
ios的webview的demo,包含ios调用js和js调用ios代码两个部分,非常好用,本人亲测,完全免费,能够直接运行,是非常好的学习例子
对AndroidMainifest进行修改 在上图所示位置插入下面的语句,设置权限,允许应用访问网络。... private WebView myWebView; private long exitTime = 0; @SuppressLint(SetJavaScriptEnabled) @
WebView进度条实例:Webview根据加载程度决定进度条的进度大小,当加载到100%的时候 进度条自动消失
WPF与WebView2之间的相互通信具有以下优点: 灵活性: 双向通信使得本地应用程序能够与网页内容无缝集成,提供丰富的交互体验。 代码复用: 网页开发者可以复用现有的Web技术栈和前端框架,同时利用WPF的强大功能...
webview学习记录.rar android webview学习笔记 很高参考价值
WebView 离线缓存策略SDK
Android端WebView页面测试工具 给公司前端做的一个简单的测试工具。 功能包括: 自定义的userAgent 获取页面标签内容
本文简单分析了Android webview用法。分享给大家供大家参考,具体如下: 在Android手机中内置了一款高性能webkit内核浏览器,在SDK中封装成名为WebView的组件。 WebView使用: (1)添加权限:AndroidManifest.xml中...