Android开发学习笔记:浅谈WebView

来源:互联网 发布:数据库服务器地址 编辑:程序博客网 时间:2024/05/21 06:52
WebView(网络视图)能加载显示网页,可以将其视为一个浏览器。它使用了WebKit渲染引擎加载显示网页,实现WebView有以下两种不同的方法:

第一种方法的步骤:

1.在要Activity中实例化WebView组件:WebView webView = new WebView(this);

2.调用WebView的loadUrl()方法,设置WevView要显示的网页:
  互联网用:webView.loadUrl("http://www.google.com");
  本地文件用:webView.loadUrl("file:///android_asset/XX.html"); 本地文件存放在:assets 文件中

3.调用Activity的setContentView( )方法来显示网页视图

4.用WebView点链接看了很多页以后为了让WebView支持回退功能,需要覆盖覆盖Activity类的onKeyDown()方法,如果不做任何处理,点击系统回退剪键,整个浏览器会调用finish()而结束自身,而不是回退到上一页面

5.需要在AndroidManifest.xml文件中添加权限,否则会出现Web page not available错误。
  <uses-permissionandroid:name="android.permission.INTERNET"/>

下面是具体例子:

MainActivity.java

  1. package com.android.webview.activity;  
  2.  
  3. import android.app.Activity;  
  4. import android.os.Bundle;  
  5. import android.view.KeyEvent;  
  6. import android.webkit.WebView;  
  7.  
  8. public class MainActivity extends Activity {  
  9.     private WebView webview;  
  10.     @Override 
  11.     public void onCreate(Bundle savedInstanceState) {  
  12.         super.onCreate(savedInstanceState);  
  13.         //实例化WebView对象  
  14.         webview = new WebView(this);  
  15.         //设置WebView属性,能够执行Javascript脚本  
  16.         webview.getSettings().setJavaScriptEnabled(true);  
  17.         //加载需要显示的网页  
  18.         webview.loadUrl("http://www.51cto.com/");  
  19.         //设置Web视图  
  20.         setContentView(webview);  
  21.     }  
  22.       
  23.     @Override 
  24.     //设置回退  
  25.     //覆盖Activity类的onKeyDown(int keyCoder,KeyEvent event)方法  
  26.     public boolean onKeyDown(int keyCode, KeyEvent event) {  
  27.         if ((keyCode == KeyEvent.KEYCODE_BACK) && webview.canGoBack()) {  
  28.             webview.goBack(); //goBack()表示返回WebView的上一页面  
  29.             return true;  
  30.         }  
  31.         return false;  

AndroidManifest.xml文件中的17行添加权限

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <manifest xmlns:android="http://schemas.android.com/apk/res/android"
  3. package="com.android.webview.activity"
  4. android:versionCode="1"
  5. android:versionName="1.0">
  6. <uses-sdk android:minSdkVersion="10" />
  7. <application android:icon="@drawable/icon" android:label="@string/app_name">
  8. <activity android:name=".MainActivity"
  9. android:label="@string/app_name">
  10. <intent-filter>
  11. <action android:name="android.intent.action.MAIN" />
  12. <category android:name="android.intent.category.LAUNCHER" />
  13. </intent-filter>
  14. </activity>
  15. </application>
  16. <uses-permission android:name="android.permission.INTERNET"/>
  17. </manifest>

效果图:

第二种方法的步骤:

1、在布局文件中声明WebView

2、在Activity中实例化WebView

3、调用WebView的loadUrl( )方法,设置WevView要显示的网页

4、为了让WebView能够响应超链接功能,调用setWebViewClient( )方法,设置  WebView视图

5、用WebView点链接看了很多页以后为了让WebView支持回退功能,需要覆盖覆盖Activity类的onKeyDown()方法,如果不做任何处理,点击系统回退剪键,整个浏览器会调用finish()而结束自身,而不是回退到上一页面

6、需要在AndroidManifest.xml文件中添加权限,否则出现Web page not available错误。

<uses-permission android:name="android.permission.INTERNET"/>

 下面是具体的例子:

MainActivity.java

  1. package com.android.webview.activity;  
  2.  
  3. import android.app.Activity;  
  4. import android.os.Bundle;  
  5. import android.view.KeyEvent;  
  6. import android.webkit.WebView;  
  7. import android.webkit.WebViewClient;  
  8.  
  9. public class MainActivity extends Activity {  
  10.     private WebView webview;  
  11.     @Override 
  12.     public void onCreate(Bundle savedInstanceState) {  
  13.         super.onCreate(savedInstanceState);  
  14.         setContentView(R.layout.main);  
  15.         webview = (WebView) findViewById(R.id.webview);  
  16.         //设置WebView属性,能够执行Javascript脚本  
  17.         webview.getSettings().setJavaScriptEnabled(true);  
  18.         //加载需要显示的网页  
  19.         webview.loadUrl("http://www.51cto.com/");  
  20.         //设置Web视图  
  21.         webview.setWebViewClient(new HelloWebViewClient ());  
  22.     }  
  23.       
  24.     @Override 
  25.     //设置回退  
  26.     //覆盖Activity类的onKeyDown(int keyCoder,KeyEvent event)方法  
  27.     public boolean onKeyDown(int keyCode, KeyEvent event) {  
  28.         if ((keyCode == KeyEvent.KEYCODE_BACK) && webview.canGoBack()) {  
  29.             webview.goBack(); //goBack()表示返回WebView的上一页面  
  30.             return true;  
  31.         }  
  32.         return false;  
  33.     }  
  34.       
  35.     //Web视图  
  36.     private class HelloWebViewClient extends WebViewClient {  
  37.         @Override 
  38.         public boolean shouldOverrideUrlLoading(WebView view, String url) {  
  39.             view.loadUrl(url);  
  40.             return true;  
  41.         }  
  42.     }  

main.xml

  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  3.     android:orientation="vertical" 
  4.     android:layout_width="fill_parent" 
  5.     android:layout_height="fill_parent" 
  6.     >    
  7.     <WebView   
  8.         android:id="@+id/webview" 
  9.         android:layout_width="fill_parent" 
  10.         android:layout_height="fill_parent" 
  11.         /> 
  12. </LinearLayout> 

AndroidManifest.xml文件中的17行添加权限

  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <manifest xmlns:android="http://schemas.android.com/apk/res/android" 
  3.       package="com.android.webview.activity" 
  4.       android:versionCode="1" 
  5.       android:versionName="1.0"> 
  6.     <uses-sdk android:minSdkVersion="10" /> 
  7.  
  8.     <application android:icon="@drawable/icon" android:label="@string/app_name"> 
  9.         <activity android:name=".MainActivity" 
  10.                   android:label="@string/app_name"> 
  11.             <intent-filter> 
  12.                 <action android:name="android.intent.action.MAIN" /> 
  13.                 <category android:name="android.intent.category.LAUNCHER" /> 
  14.             </intent-filter> 
  15.         </activity> 
  16.     </application> 
  17.     <uses-permission android:name="android.permission.INTERNET"/> 
  18. </manifest> 

效果图:

本文出自 “IT的点点滴滴” 博客,请务必保留此出处http://liangruijun.blog.51cto.com/3061169/647456


判断 WebView 是否已经滚动到页面底端

在View中有一个getScrollY()方法,可以返回当前可见区域的顶端距整个页面顶端的距离,也就是当前内容滚动的距离。
还有getHeight()或者 getBottom()方法都返回当前 View 这个容器的高度
在ViewView中还有getContentHeight() 方法可以返回整个 html 页面的高度,但并不等同于当前整个页面的高度 ,因为 WebView 有缩放功能。你可以通过如下代码来启动或关闭webview的缩放功能。

mWebView.getSettings().setSupportZoom(true);mWebView.getSettings().setBuiltInZoomControls(true);

所以当前整个页面的高度实际上应该是原始 html 的高度再乘上缩放比例. 因此,更正后的结果 ,准确的判断方法应该是:

// 如果已经处于底端if(WebView.getContentHeight*WebView.getScale() -(webvi ew.getHeight()+WebView.getScrollY())){   //XXX}

WebView获取服务器中的 session 问题

接下来我们讲如下两个问题:
1、Android 中的 WebView 如何获取服务器页面的 jsessionid 的值
2、Android 的 WebView 又是如何把得到的 jsessionid 的值在 set 到服务器中,一致达到他们在同一个 jsessionid 的回话中.
其实非常非常简单,只不过是几个方法罢了:

CookieManager cm = CookieManager.getInstance(); cm.removeAllCookie();cm.getCookie(url);cm.setCookie(url, cookie);

另外还有个 CookieSyncManager,也许你会在一些旧的项目中看到它。从名字来理解,它实际上应该是一个异步缓存器。不过我们看到这个方法已经被标记为过时了,查看源码可以看到过时原因是现在WebView已经是自动的异步缓存了,所以这个类已经没有存在的意义了。

WebView清除本地cookies

在使用网页版淘宝或百度登录时,WebView会自动登录上次的帐号!(因为WebView 记录了帐号和密码的cookies) 所以,需要清除 SessionCookie也是有必要的。
那么CookieManager同样也为我们提供了清除cookie的方法
CookieManager.getInstance().removeSessionCookie();

这里顺便说一下WebView本身也是会记录html缓存的,上一篇博客中我讲了一种通过文件操作去清理缓存的方法,后来我又发现,其实webview本身就提供了清理缓存的方法,其中参数true是指是否包括磁盘文件也一并清除,传true就和我们昨天的讲的效果是一样的了:

webview.clearCache(true);webview.clearHistory();

讲一个案例

讲了这么多的理论知识,最后讲一个使用案例。WebView在实际使用中可以分为两种使用方法,第一种就是类似于QQ微信那种,使用loadUrl直接去显示一个链接,这种方式太简单了,传一个url就行,我就不多说了。
那么需要详细讲的是第二种,类似的实现大家可以看看开源中国客户端,网易新闻客户端,爱看博客,等客户端的实现方式,它们实际上也是通过webview来显示的一个网页内容,但是并不是单纯的loadurl,而是以字符串的形式去加载一个已经获取到了的html源代码。这样做的好处在于显示的页面可以完全的根据自己喜好来定义,比如我想在末尾添加一张图片,那么简单,在这个html字符串的末尾插入一个img标签就可了。至于使用方法,其实我们在上一篇博客的时候有提到过:

myWebView.loadData(htmlText,”text/html”, “utf-8”);

其中htmltext就是我们需要加载的html字符串,使用这个方法可以直接将这个字符串作为网页来显示。
最后总结一下两种方法的适用场景,前一种载入链接的方法适合一个界面(Activity或Fragment)只有一个WebView或者说WebView占很大一块的时候,同时我们要显示的内容是未知的,那么自然是使用loadurl方法更合适,例如QQ聊天的时候对方发送一条链接,当QQ解析出这个文本是一个网址时就通过webview去加载它。而后一种则适合于定制化内容,一般是那种你可以明确的制度网页内容以及要显示的内容时使用,至于好处就是上面说的,定制性要好很多。

相关解答

关于上一篇博客,有朋友问我如何实现web调用手机摄像头。很遗憾我不是做web的,对这块不是很懂。不过我建议你看一下开源中国的html5手机版的发布动弹那里,点击选择文件以后,会自动弹出相机选项,不知道可以可行。http://m.oschina.net/my/new-tweet

转载自:http://blog.kymjs.com/




0 0