仿微信加载网页的WebView的实现

一.概览:

          Android WebView在Android平台上是一个特殊的View, 他能用来显示网页,这个类可以被用来在你的app中仅仅显示一张在线的网页,还可以用来开发浏览器。WebView内部实现是采用渲染引擎来展示view的内容,提供网页前进后退,网页放大,缩小,搜索,在Android 4.3系统及其已下WebView内部采用Webkit渲染引擎,在Android 4.4采用chromium 渲染引擎来渲染View的内容。

二.WebView的基本使用(创建 webview 大致可以分为一下两种方式)

(1)创建WebView的实例加入到Activity view tree中   

  • WebView webview = new WebView(this);  
  • setContentView(webview); (2)在xml中配置WebView

(2)在xml中配置WebView 

<Webview 

 android:layout_width="match_parent"  

 android:layout_height="match_parent" > 

</Webview> 

三.注意事项

  • 打开网页时不调用系统浏览器, 而是在本WebView中显示:
      mWebView.setWebViewClient(new WebViewClient(){
      @Override
      public boolean shouldOverrideUrlLoading(WebView view, String url) {
          view.loadUrl(url);
          return true;
      }
  });

  •  按返回键时, 不退出程序而是返回上一浏览页面:
     public boolean onKeyDown(int keyCode, KeyEvent event) {       
        if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) {       
            mWebView.goBack();       
            return true;       
        }       
        return super.onKeyDown(keyCode, event);       
    }
  • 打开页面时, 自适应屏幕:
  WebSettings webSettings =   mWebView .getSettings();       
  webSettings.setUseWideViewPort(true);//设置此属性,可任意比例缩放
  webSettings.setLoadWithOverviewMode(true);
  • 页面支持缩放:
  WebSettings webSettings =   mWebView .getSettings();       
  webSettings.setJavaScriptEnabled(true);  
  webSettings.setBuiltInZoomControls(true);
  webSettings.setSupportZoom(true);
    
    
    
  • 如果webView中需要用户手动输入用户名、密码或其他,则webview必须设置支持获取手势焦点。
  webview.requestFocusFromTouch();
      
      
      
  • WebView 加载界面主要调用三个方法:LoadUrl、LoadData、LoadDataWithBaseURL. 
    1、LoadUrl            直接加载网页、图片并显示.(本地或是网络上的网页、图片、gif)  
    2、LoadData            显示文字与图片内容
    3、LoadDataWithBase             显示文字与图片内容
  • WebSettings 的常用方法介绍
setJavaScriptEnabled(true);  //支持js

setPluginsEnabled(true);  //支持插件 

setUseWideViewPort(false);  //将图片调整到适合webview的大小 

setSupportZoom(true);  //支持缩放 

setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN); //支持内容重新布局  

supportMultipleWindows();  //多窗口 

setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);  //关闭webview中缓存 

setAllowFileAccess(true);  //设置可以访问文件 

setNeedInitialFocus(true); //当webview调用requestFocus时为webview设置节点

webview webSettings.setBuiltInZoomControls(true); //设置支持缩放 

setJavaScriptCanOpenWindowsAutomatically(true); //支持通过JS打开新窗口 

setLoadWithOverviewMode(true); // 缩放至屏幕的大小

setLoadsImagesAutomatically(true);  //支持自动加载图片
  • WebViewClient 的方法全解
doUpdateVisitedHistory(WebView view, String url, boolean isReload)  //(更新历史记录) 

onFormResubmission(WebView view, Message dontResend, Message resend) //(应用程序重新请求网页数据) 

onLoadResource(WebView view, String url) // 在加载页面资源时会调用,每一个资源(比如图片)的加载都会调用一次。 

onPageStarted(WebView view, String url, Bitmap favicon) //这个事件就是开始载入页面调用的,通常我们可以在这设定一个loading的页面,告诉用户程序在等待网络响应。 

onPageFinished(WebView view, String url) //在页面加载结束时调用。同样道理,我们知道一个页面载入完成,于是我们可以关闭loading 条,切换程序动作。 

onReceivedError(WebView view, int errorCode, String description, String failingUrl)// (报告错误信息) 

onReceivedHttpAuthRequest(WebView view, HttpAuthHandler handler, String host,String realm)//(获取返回信息授权请求) 

onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) //重写此方法可以让webview处理https请求。
 
onScaleChanged(WebView view, float oldScale, float newScale) // (WebView发生改变时调用) 

onUnhandledKeyEvent(WebView view, KeyEvent event) //(Key事件未被加载时调用) 

shouldOverrideKeyEvent(WebView view, KeyEvent event)//重写此方法才能够处理在浏览器中的按键事件。 

shouldOverrideUrlLoading(WebView view, String url) 
//在点击请求的是链接是才会调用,重写此方法返回true表明点击网页里面的链接还是在当前的webview里跳转,不跳到浏览器那边。这个函数我们可以做很多操作,比如我们读取到某些特殊的URL,于是就可以不打开地址,取消这个操作,进行预先定义的其他操作,这对一个程序是非常必要的。

四.具体操作


   预览如下图所示:



    
    
    
  • 首先我们来自定义一个带进度条的WebView,名字为ProgressWebView:
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值