webview的使用

来源:互联网 发布:调价软件 编辑:程序博客网 时间:2024/06/07 11:47

简介:

为了方便开发者实现在app内展示网页并与网页交互的需求,Android SDK提供了WebView组件。
它继承自AbsoluteLayout,展示网页的同时,也可以作为父布局在其中放入其他的子View。
关系:

public class WebView extends AbsoluteLayout implements OnGlobalFocusChangeListener,OnHierarchyChangeListener {...}

权限

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

加载页面:

加载本地资源

webView.loadUrl("file:///android_asset/example.html");

加载网络资源

webView.loadUrl("www.xxx.com/index.html");

添加请求头信息

Map<String,String> map=new HashMap<String,String>();map.put("User-Agent","Android");webView.loadUrl("www.xxx.com/index.html",map);

也可以加载html片段

String data = " Html 数据";webView.loadData(data, "text/html", "utf-8");

实测会发现loadData会导致中文乱码,所以一般情况使用如下代码

String data = " Html 数据";webView.loadDataWithBaseURL(null,data, "text/html", "utf-8",null);

loadUrl,loadData,loadDataBase区别

loadUrl会将整个页面加载,类似于浏览器打开一样,渲染整个页面。包括排版布局。如果我们用自己的排版,只关心数据的话可以考虑用loadData和loadDataWithBaseURL 。

public void loadData (String data, String mimeType, String encoding)
public void loadDataWithBaseURL (String baseUrl, String data, String mimeType, String encoding, String historyUrl)

方法介绍:

在WebView中,有几个地方是我们可以使用来定制我们的WebView各种行为的,分别是:WebSettings、JavaScriptInterface、WebViewClient以及WebChromeClient。

基本方法:

  • String getUrl():获取当前页面的URL。

  • String getTitle():获取当前页面的title

  • reload():重新reload当前的URL,即刷新。

  • boolean canGoBack():用来确认WebView里是否还有可回退的历史记录。通常我们会在WebView里重写返回键的点击事件,通过该方法判断WebView里是否还有历史记录,若有则返回上一页。

  • boolean canGoForward():用来确认WebView是否还有可向前的历史记录。

  • boolean canGoBackOrForward(int steps):以当前的页面为起始点,用来确认WebView的历史记录是否足以后退或前进给定的步数,正数为前进,负数为后退。

  • goBack():在WebView历史记录后退到上一项。

  • goForward():在WebView历史记录里前进到下一项。

  • goBackOrForward(int steps):以当前页面为起始点,前进或后退历史记录中指定的步数,正数为前进,负数为后退。

  • clearCache(boolean includeDiskFiles):清空网页访问留下的缓存数据。需要注意的时,由于缓存是全局的,所以只要是WebView用到的缓存都会被清空,即便其他地方也会使用到。该方法接受一个参数,从命名即可看出作用。若设为false,则只清空内存里的资源缓存,而不清空磁盘里的。

  • clearHistory():清除当前webview访问的历史记录。

  • clearFormData():清除自动完成填充的表单数据。需要注意的是,该方法仅仅清除当前表单域自动完成填充的表单数据,并不会清除WebView存储到本地的数据。

  • onPause():当页面被失去焦点被切换到后台不可见状态,需要执行onPause操作,该操作会通知内核安全地暂停所有动作,比如动画的执行或定位的获取等。需要注意的是该方法并不会暂停JavaScript的执行,若要暂停JavaScript的执行请使用接下来的这个方法。

  • onResume():在先前调用onPause()后,我们可以调用该方法来恢复WebView的运行。

  • pauseTimers():该方法面向全局整个应用程序的webview,它会暂停所有webview的layout,parsing,JavaScript Timer。当程序进入后台时,该方法的调用可以降低CPU功耗。

  • resumeTimers():恢复pauseTimers时的所有操作。

  • destroy():销毁WebView。需要注意的是:这个方法的调用应在WebView从父容器中被remove掉之后。我们可以手动地调用

rootLayout.removeView(webView);webView.destroy();

如果在网页中播放了音频文件,在页面返回之后声音依然在播放问题的解决。如果在页面返回的时候不对音频文件做处理的话,会保持对音频资源的引用,直到其播放完毕,可以在页面的onDestroy()方法中利用WebView的destroy()方法将WebView相关的资源释放掉,但是如果直接调用该方法,有可能会抛异常,可先将WebVew从页面中移除再调用该方法:

@Override  protected void onDestroy() {      try {          ((RelativeLayout) findViewById(R.id.rl_root)).removeView(webview);          webview.destroy();      } catch (Exception e) {          e.printStackTrace();      }      super.onDestroy();  }
  • getScrollY():该方法返回的当前可见区域的顶端距整个页面顶端的距离,也就是当前内容滚动的距离。

  • getHeight():方法都返回当前WebView这个容器的高度。其实以上两个方法都属于View。

  • getContentHeight():该方法返回整个HTML页面的高度,但该高度值并不等同于当前整个页面的高度,因为WebView有缩放功能, 所以当前整个页面的高度实际上应该是原始HTML的高度再乘上缩放比例。因此,准确的判断方法应该是

if(webView.getContentHeight()*webView.getScale()==(webView.getHeight+webView.getScrollY())){//已经处于底端}if(webview.getScrollY()==0){//处于顶端}
  • pageUp(boolean top):将WebView展示的页面滑动至顶部。

  • pageDown(boolean bottom):将WebView展示的页面滑动至底部。

WebSettings

WebSettings是用来管理WebView配置的类。当WebView第一次创建时,内部会包含一个默认配置的集合。若我们想更改这些配置,便可以通过WebSettings里的方法来进行设置。
WebSettings对象可以通过WebView.getSettings()获得,它的生命周期是与它的WebView本身息息相关的,如果WebView被销毁了,那么任何由WebSettings调用的方法也同样不能使用。
(几乎所有的set方法都有相应的get方法,这里就只介绍set了。另,所有未写方法返回值类型的皆为空类型)

  • setJavaScriptEnabled(boolean flag):设置WebView是否可以运行JavaScript。

  • setJavaScriptCanOpenWindowsAutomatically(boolean flag):设置WebView是否可以由JavaScript自动打开窗口,默认为false,通常与JavaScript的window.open()配合使用。

  • setAllowFileAccess(boolean allow):启用或禁用WebView访问文件数据。

  • setBlockNetworkImage(boolean flag):禁止或允许WebView从网络上加载图片。需要注意的是,如果设置是从禁止到允许的转变的话,图片数据并不会在设置改变后立刻去获取,而是在WebView调用reload()的时候才会生效。
    这个时候,需要确保这个app拥有访问Internet的权限,否则会抛出安全异常。
    通常没有禁止图片加载的需求的时候,完全不用管这个方法,因为当我们的app拥有访问Internet的权限时,这个flag的默认值就是false。

  • setSupportZoom(boolean support):设置是否支持缩放。

  • setBuiltInZoomControls(boolean enabled):显示或不显示缩放按钮(wap网页不支持)。

  • setSupportMultipleWindows(boolean support):设置WebView是否支持多窗口。

  • setLayoutAlgorithm(WebSettings.LayoutAlgorithm l):指定WebView的页面布局显示形式,调用该方法会引起页面重绘。默认值为LayoutAlgorithm#NARROW_COLUMNS。

  • setNeedInitialFocus(boolean flag):通知WebView是否需要设置一个节点获取焦点当WebView#requestFocus(int,android.graphics.Rect)被调用时,默认为true。

  • setLoadWithOverviewMode(boolean b); 设置 WebView 可以加载更多格式页面

  • setUseWideViewPort(true);设置WebView使用广泛的视窗

  • setLoadsImagesAutomatically(boolean b);支持自动加载图片

  • setAppCacheEnabled(boolean flag):启用或禁用应用缓存。

  • setAppCachePath(String appCachePath):设置应用缓存路径,这个路径必须是可以让app写入文件的。该方法应该只被调用一次,重复调用会被无视~

  • setCacheMode(int mode):用来设置WebView的缓存模式。当我们加载页面或从上一个页面返回的时候,会按照设置的缓存模式去检查并使用(或不使用)缓存。
    缓存模式有四种:

    1. LOAD_DEFAULT:默认的缓存使用模式。在进行页面前进或后退的操作时,如果缓存可用并未过期就优先加载缓存,否则从网络上加载数据。这样可以减少页面的网络请求次数。
    2. LOAD_CACHE_ELSE_NETWORK:只要缓存可用就加载缓存,哪怕它们已经过期失效。如果缓存不可用就从网络上加载数据。
    3. LOAD_NO_CACHE:不加载缓存,只从网络加载数据。
    4. LOAD_CACHE_ONLY:不从网络加载数据,只从缓存加载数据。
      通常我们可以根据网络情况将这几种模式结合使用,比如有网的时候使用LOAD_DEFAULT,离线时使用LOAD_CACHE_ONLY、LOAD_CACHE_ELSE_NETWORK,让用户不至于在离线时啥都看不到。
  • setDatabaseEnabled(boolean flag):启用或禁用数据库缓存。

  • setDomStorageEnabled(boolean flag):启用或禁用DOM缓存。

  • setUserAgentString(String ua):设置WebView的UserAgent值。

  • setDefaultEncodingName(String encoding):设置编码格式,通常都设为“UTF-8”。

  • setStandardFontFamily(String font):设置标准的字体族,默认“sans-serif”。

  • setCursiveFontFamily:设置草书字体族,默认“cursive”。

  • setFantasyFontFamily:设置CursiveFont字体族,默认“cursive”。

  • setFixedFontFamily:设置混合字体族,默认“monospace”。

  • setSansSerifFontFamily:设置梵文字体族,默认“sans-serif”。

  • setSerifFontFamily:设置衬线字体族,默认“sans-serif”

  • setDefaultFixedFontSize(int size):设置默认填充字体大小,默认16,取值区间为[1-72],超过范围,使用其上限值。

  • setDefaultFontSize(int size):设置默认字体大小,默认16,取值区间[1-72],超过范围,使用其上限值。

  • setMinimumFontSize:设置最小字体,默认8. 取值区间[1-72],超过范围,使用其上限值。

  • setMinimumLogicalFontSize:设置最小逻辑字体,默认8. 取值区间[1-72],超过范围,使用其上限值。

WebViewClient

从名字上不难理解,这个类就像WebView的委托人一样,是帮助WebView处理各种通知和请求事件的,我们可以称他为WebView的“内政大臣”。

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

  • onPageStarted(WebView view, String url, Bitmap favicon):该方法在WebView开始加载页面且仅在Main frame loading(即整页加载)时回调,一次Main frame的加载只会回调该方法一次。我们可以在这个方法里设定开启一个加载的动画,告诉用户程序在等待网络的响应。

  • onPageFinished(WebView view, String url):该方法只在WebView完成一个页面加载时调用一次(同样也只在Main frame loading时调用),我们可以可以在此时关闭加载动画,进行其他操作。

  • onReceivedError(WebView view, WebResourceRequest request, WebResourceError error):该方法在web页面加载错误时回调,这些错误通常都是由无法与服务器正常连接引起的,最常见的就是网络问题。
    这个方法有两个地方需要注意:
    1.这个方法只在与服务器无法正常连接时调用,类似于服务器返回错误码的那种错误(即HTTP ERROR),该方法是不会回调的,因为你已经和服务器正常连接上了(全怪官方文档(︶^︶));
    2.这个方法是新版本的onReceivedError()方法,从API23开始引进,与旧方法onReceivedError(WebView view,int errorCode,String description,String failingUrl)不同的是,新方法在页面局部加载发生错误时也会被调用(比如页面里两个子Tab或者一张图片)。这就意味着该方法的调用频率可能会更加频繁,所以我们应该在该方法里执行尽量少的操作。

  • onReceivedHttpError(WebView view, WebResourceRequest request, WebResourceResponse errorResponse):上一个方法提到onReceivedError并不会在服务器返回错误码时被回调,那么当我们需要捕捉HTTP ERROR并进行相应操作时应该怎么办呢?API23便引入了该方法。当服务器返回一个HTTP ERROR并且它的status code>=400时,该方法便会回调。这个方法的作用域并不局限于Main Frame,任何资源的加载引发HTTP ERROR都会引起该方法的回调,所以我们也应该在该方法里执行尽量少的操作,只进行非常必要的错误处理等。

  • onReceivedSslError(WebView view, SslErrorHandler handler, SslError error):当WebView加载某个资源引发SSL错误时会回调该方法,这时WebView要么执行handler.cancel()取消加载,要么执行handler.proceed()方法继续加载(默认为cancel)。需要注意的是,这个决定可能会被保留并在将来再次遇到SSL错误时执行同样的操作。

  • WebResourceResponse shouldInterceptRequest(WebView view, WebResourceRequest request):当WebView需要请求某个数据时,这个方法可以拦截该请求来告知app并且允许app本身返回一个数据来替代我们原本要加载的数据。
    比如你对web的某个js做了本地缓存,希望在加载该js时不再去请求服务器而是可以直接读取本地缓存的js,这个方法就可以帮助你完成这个需求。你可以写一些逻辑检测这个request,并返回相应的数据,你返回的数据就会被WebView使用,如果你返回null,WebView会继续向服务器请求。

  • boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request):哈~ 终于到了这个方法,在最开始的基础演示时我们用到了这个方法。从实践中我们知道,当我们没有给WebView提供WebViewClient时,WebView如果要加载一个url会向ActivityManager寻求一个适合的处理者来加载该url(比如系统自带的浏览器),这通常是我们不想看到的。于是我们需要给WebView提供一个WebViewClient,并重写该方法返回true来告知WebView url的加载就在app中进行。这时便可以实现在app内访问网页。

  • onScaleChanged(WebView view, float oldScale, float newScale):当WebView得页面Scale值发生改变时回调。

  • boolean shouldOverrideKeyEvent(WebView view, KeyEvent event):默认值为false,重写此方法并return true可以让我们在WebView内处理按键事件。

webview.setWebViewClient(new WebViewClient(){            @Override            public boolean shouldOverrideUrlLoading(WebView view, String url) {                view.loadUrl(url);                return true;            }               @Override            public void onReceivedError(WebView view, int errorCode,                    String description, String failingUrl) {                switch(errorCode)                {                case HttpStatus.SC_NOT_FOUND:                    view.loadUrl("file:///android_assets/error_handle.html");                    break;                }            }        });

WebChromeClient

如果说WebViewClient是帮助WebView处理各种通知、请求事件的“内政大臣”的话,那么WebChromeClient就是辅助WebView处理Javascript的对话框,网站图标,网站title,加载进度等偏外部事件的“外交大臣”。

  • onProgressChanged(WebView view, int newProgress):当页面加载的进度发生改变时回调,用来告知主程序当前页面的加载进度。

  • onReceivedIcon(WebView view, Bitmap icon):用来接收web页面的icon,我们可以在这里将该页面的icon设置到Toolbar。

  • onReceivedTitle(WebView view, String title):用来接收web页面的title,我们可以在这里将页面的title设置到Toolbar。
    以下两个方法是为了支持web页面进入全屏模式而存在的(比如播放视频),如果不实现这两个方法,该web上的内容便不能进入全屏模式。

  • onShowCustomView(View view, WebChromeClient.CustomViewCallback callback):该方法在当前页面进入全屏模式时回调,主程序必须提供一个包含当前web内容(视频 or Something)的自定义的View。

  • onHideCustomView():该方法在当前页面退出全屏模式时回调,主程序应在这时隐藏之前show出来的View。

  • Bitmap getDefaultVideoPoster():当我们的Web页面包含视频时,我们可以在HTML里为它设置一个预览图,WebView会在绘制页面时根据它的宽高为它布局。而当我们处于弱网状态下时,我们没有比较快的获取该图片,那WebView绘制页面时的gitWidth()方法就会报出空指针异常~ 于是app就crash了。。
    这时我们就需要重写该方法,在我们尚未获取web页面上的video预览图时,给予它一个本地的图片,避免空指针的发生。

  • View getVideoLoadingProgressView():重写该方法可以在视频loading时给予一个自定义的View,可以是加载圆环 or something。

  • boolean onJsAlert(WebView view, String url, String message, JsResult result):处理Javascript中的Alert对话框。

  • boolean onJsPrompt(WebView view, String url, String message, String defaultValue, JsPromptResult result):处理Javascript中的Prompt对话框。

  • boolean onJsConfirm(WebView view, String url, String message, JsResult result):处理Javascript中的Confirm对话框

  • boolean onShowFileChooser(WebView webView, ValueCallback filePathCallback, WebChromeClient.FileChooserParams fileChooserParams):该方法在用户进行了web上某个需要上传文件的操作时回调。我们应该在这里打开一个文件选择器,如果要取消这个请求我们可以调用filePathCallback.onReceiveValue(null)并返回true。

  • onPermissionRequest(PermissionRequest request):该方法在web页面请求某个尚未被允许或拒绝的权限时回调,主程序在此时调用grant(String [])或deny()方法。如果该方法没有被重写,则默认拒绝web页面请求的权限。

  • onPermissionRequestCanceled(PermissionRequest request):该方法在web权限申请权限被取消时回调,这时应该隐藏任何与之相关的UI界面。

webview.setWebChromeClient(new WebChromeClient(){            @Override            public void onProgressChanged(WebView view, int newProgress) {                //get the newProgress and refresh progress bar            }                 @Override            public void onReceivedTitle(WebView view, String title) {                titleview.setText(title);//a textview            }        });

JavaScript与webview的交互

交互需要添加:

wv.getSettings().setJavaScriptEnabled(true);//允许js

1、WebView调用网页上的JavaScript代码

在WebView中调用Js的基本格式为webView.loadUrl(“javascript:methodName(parameterValues)”);
Android端只需要这一步。

html中:

<script>        alert("你好!");        //java调用js的函数        function sayHello() {            alert("Hello");        }        //java调用js的函数        function alertMsg(msg) {            alert(msg);        }        //java调用js的函数        function alertMessage(msg) {            alert(msg);        }        function alertName() {            var userName = "xiaoming";            alert(userName);        }        //确定          function onConfirm() {            var b = confirm("are you sure to login?");            alert("your choice is " + b);        }        //提示          function onPrompt() {            var b = prompt("please input your password", "aaa");            alert("your input is " + b);        }    </script>    <input type="button" value="confirm" onclick="onConfirm()" />    </br>    </br>    <input type="button" value="prompt" onclick="onPrompt()" />    </br>    </br>    <input type="button" id="button" value="点击alertsayHello"        onclick="sayHello()" />    <br />    <br />    <input type="button" id="button" value="点击alertMsg"        onclick="alertMsg('我是一条信息')" />    <br />    <br />    <input type="button" id="button" value="点击alertName"        onclick="alertName()" />    <br />    <br />    <button type="button" id="btn_toast"    onclick="toastMsg('返回上个activity')">js调用Java回到上一个activity,并且toast    </button>    <br />    <br />    <button type="button" id="btn_sum" onclick="sumJava(1,9)">js调用Java来计算结果</button>

Java代码中:

// 加载页面wv.loadUrl("file:///android_asset/JavaCallJs.html");// 设置webview的javascript可用wv.getSettings().setJavaScriptEnabled(true);// 不加下面这句话,是无法调起alert的wv.setWebChromeClient(new WebChromeClient());    wv.loadUrl("javascript:sayHello()");wv.loadUrl("javascript:sumJS(1, 5)");wv.loadUrl("javascript:alertMessage(\"" + "Hello, World!" + "\")");wv.loadUrl("javascript:alertMessage(\"" + "content" + "\")");

二、JavaScript通过WebView调用Java代码

从API17开始,Android提供了@JavascriptInterface对象注解的方式来建立起Javascript对象和Android原生对象的绑定,提供给JavScript调用的函数必须带有@JavascriptInterface。如果targetSdkVersion是17或者更高(android 4.2以上),必须使用 @JavascriptInterface注解,才能让网页访问到本地代码。

Android需要:1、添加js接口2、写js要调用的方法

Java代码中:

wv.getSettings().setJavaScriptEnabled(true);// 启用jswv.addJavascriptInterface(new Call(MainActivity.this), "control");//js与Java的通道:controlwv.setWebChromeClient(new WebChromeClient());// 支持alertwv.loadUrl("file:///android_asset/JsCallJava.html");//内部类public class Call {        private MainActivity mainActivity;        public Call(MainActivity mainActivity) {            this.mainActivity = mainActivity;        }        /**         * js调用Java 调用格式为window.jsInterfaceName.methodName(parameterValues)         *          * @param msg         */        @JavascriptInterface        public void showToast(String msg) {            Toast.makeText(getApplicationContext(), msg, Toast.LENGTH_SHORT)                    .show();            finish();        }        /*         * @JavascriptInterface public void showToast() { finish(); }         */        /**         * js调用Java 调用格式为window.jsInterfaceName.methodName(parameterValues)         *          * @param result         *         */        @JavascriptInterface        public void onSumResult(int result) {            Toast.makeText(getApplicationContext(), "结果为:" + result,                    Toast.LENGTH_SHORT).show();        }    }

HTML中:

<script>    /*在JS代码中调用Java方法,方法:通过window.control接口       ①: 首先在Java代码中定义好需要调用的方法        public void methodName(String msg) {...}        和webview与js调用的接口(参数分别为:object,js调用的接口名jsInterfaceName)        wv.getSettings().setJavaScriptEnabled(true);// 启用js        wv.addJavascriptInterface(new Call(MainActivity.this), "control");        注意:jsInterfaceName是js调用Java必须的       ②: 然后在JS代码中通过window.jsInterfaceName.methodName来设置调用的方式        然后通过webview中的button来触发调用,谁调用谁给定实参     */    function toastMsg(msg) {        window.control.showToast(msg)    }/*  function toastMsg() {        window.control.showToast()    } */    // js调用Java    // 调用格式为window.jsInterfaceName.methodName(parameterValues)    //control是js调用Java必须的接口,onSumResult是调用的方法    function sumJava(num1, num2) {        window.control.onSumResult(num1 + num2)    }    function sumJS(num1, num2) {        /* return num1 + num2; */        //先Java调用js的sumJS(num1, num2),再js调用Java中的onSumResult        window.control.onSumResult(num1 + num2)    }</script>

播放视频:

android2.1及之前的版本是不支持flash的。

android2.2开始之后开始支持flash。要使用webview加载flash首先手机应该安装flash插件;
其次应该设置

webSettings = mWebView.getSettings();webSettings.setJavaScriptEnabled(true);webSettings.setPluginsEnabled(true);

android4.0要加载flash的话还需要开启硬件加速。

但是会出现问题:4.0加载flash确实可以正常播放,但是当你点击flash中的全屏按钮时,要么画面卡住要么有声音没画面。原因:flash正常大小在webview中显示是没有问题的。但是点击全屏按钮后flash会有一个全屏的界面,而这个全屏界面与正常大小的界面并不是显示在同一个view中。相当于有两个view,分别装载一般大小和全屏的界面。
4.0中修改了装载全屏界面这个view的显示状态,所以会导致全屏时界面无或者卡住的问题。
解决方法:
1、Manifest中 Activity需要设置为: 全屏, 横屏,Application属性添加硬件加速

android:screenOrientation="landscape"
android:hardwareAccelerated="true"

代码中添加硬件加速:

getWindow().setFlags(0x1000000, 0x1000000);

2、权限

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

3、退出视频播放会出现视频还没停止的问题:

@Override  public void onPause() {//    super.onPause();      mWebView.onPause();  }  @Override  public void onResume() {//      super.onResume();      mWebView.onResume();  }  @Override  public boolean onKeyDown(int keyCode, KeyEvent event) {      if (keyCode == KeyEvent.KEYCODE_BACK              && event.getAction() == KeyEvent.ACTION_DOWN) {          mWebView.loadData("", "text/html; charset=UTF-8", null);          finish();          return true;      }      return super.onKeyDown(keyCode, event);  }

4、WebChromeClient,要重写其中的onShowCustomView 方法 表示进入全屏的时候,以及onHideCustomView 表示退出全屏的时候界面的话,就是一个webview ,一个FrameLayout ,当全屏的时候就设置webview 隐藏,让FrameLayout全屏显示出来,那么视频就自动跑到FrameLayout这里面放了。退出全屏的时候,一样道理,这里要用到回调函数。

public class myWebChromeClient extends WebChromeClient {        private View xprogressvideo;        // 播放网络视频时全屏会被调用的方法        @Override        public void onShowCustomView(View view, CustomViewCallback callback) {            setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);            webView.setVisibility(View.INVISIBLE);            // 如果一个视图已经存在,那么立刻终止并新建一个            if (xCustomView != null) {                callback.onCustomViewHidden();                return;            }            video_fullView.addView(view);            xCustomView = view;            xCustomViewCallback = callback;            video_fullView.setVisibility(View.VISIBLE);        }        // 视频播放退出全屏会被调用的        @Override        public void onHideCustomView() {            if (xCustomView == null) {// 不是全屏播放状态                return;            }            setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);            xCustomView.setVisibility(View.GONE);            video_fullView.removeView(xCustomView);            xCustomView = null;            video_fullView.setVisibility(View.GONE);            xCustomViewCallback.onCustomViewHidden();            webView.setVisibility(View.VISIBLE);        }        // 视频加载时进程loading        @Override        public View getVideoLoadingProgressView() {            if (xprogressvideo == null) {                LayoutInflater inflater = LayoutInflater                        .from(MainActivityI.this);                xprogressvideo = inflater.inflate(                        R.layout.video_loading_progress, null);            }            return xprogressvideo;        }    }

额外知识:

获取当前SDK版本

public static int getAndroidSDKVersion() {        int version = 0;        try {            version = Integer.valueOf(android.os.Build.VERSION.SDK);        } catch (NumberFormatException e) {            e.printStackTrace();         }        return version;    }

WebView屏幕自适应:

WebSettings webSettings = webView.getSettings();webSettings.setUseWideViewPort(true);webSettings.setLoadWithOverviewMode(true);

设置网页栈返回
webview会默认把浏览过去的网页进行压栈存储,所以我们有时需要实现回退到上一目录

//点击后退按钮,让WebView后退一页(也可以覆写Activity的onKeyDown方法)          webView.setOnKeyListener(new View.OnKeyListener() {              @Override              public boolean onKey(View v, int keyCode, KeyEvent event) {                  if (event.getAction() == KeyEvent.ACTION_DOWN) {                      if (keyCode == KeyEvent.KEYCODE_BACK && webView.canGoBack()) {                          webView.goBack();   //后退                          return true;    //已处理                      }                  }                  return false;              }          });
@Override    public boolean onKeyDown(int keyCode, KeyEvent event) {        if (keyCode == KeyEvent.KEYCODE_BACK) {            if (webView.canGoBack()) {                webView.goBack();//返回上一浏览页面                return true;            } else {                finish();//关闭Activity            }        }        return super.onKeyDown(keyCode, event);    }

启动或关闭webview的缩放功能

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

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

if(WebView.getContentHeight*WebView.getScale() ==(webview.getHeight()+WebView.getScrollY())){  //XXX}

顶部带进度条的webview:

public class ProgressWebView extends WebView {    private ProgressBar progressbar;    public ProgressWebView(Context context) {        super(context);    }    public ProgressWebView(Context context, AttributeSet attrs) {        super(context, attrs);        progressbar = new ProgressBar(context, null, android.R.attr.progressBarStyleHorizontal);        progressbar.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT, 3, 0, 0));        addView(progressbar);        //        setWebViewClient(new WebViewClient(){});        setWebChromeClient(new WebChromeClient());    }    public ProgressWebView(Context context, AttributeSet attrs, int defStyleAttr) {        super(context, attrs, defStyleAttr);    }    @TargetApi(Build.VERSION_CODES.LOLLIPOP)    public ProgressWebView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {        super(context, attrs, defStyleAttr, defStyleRes);    }    public ProgressWebView(Context context, AttributeSet attrs, int defStyleAttr, boolean privateBrowsing) {        super(context, attrs, defStyleAttr, privateBrowsing);    }    public class WebChromeClient extends android.webkit.WebChromeClient {        @Override        public void onProgressChanged(WebView view, int newProgress) {            if (newProgress == 100) {                progressbar.setVisibility(GONE);            } else {                if (progressbar.getVisibility() == GONE)                    progressbar.setVisibility(VISIBLE);                progressbar.setProgress(newProgress);            }            super.onProgressChanged(view, newProgress);        }    }    @Override    protected void onScrollChanged(int l, int t, int oldl, int oldt) {        LayoutParams lp = (LayoutParams) progressbar.getLayoutParams();        lp.x = l;        lp.y = t;        progressbar.setLayoutParams(lp);        super.onScrollChanged(l, t, oldl, oldt);    }}

webview的屏幕适配问题:

一个简单的方法,让网页快速适应手机屏幕,代码如下

WebSettings webSettings= webView.getSettings();webSettings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);

说明:
LayoutAlgorithm 是一个枚举,用来控制html的布局,总共有三种类型:
NORMAL:正常显示,没有渲染变化。
SINGLE_COLUMN:把所有内容放到WebView组件等宽的一列中。
NARROW_COLUMNS:可能的话,使所有列的宽度不超过屏幕宽度。

android 4.0中关于webview加载flash并使flash全屏的问题

Android用Webview播放优酷视频全屏问题

WebView·开车指南

WebView的使用以及Android与Js的交互

Android混合开发之WebView使用总结

WebView loadUrl,loadData,loadDataBase

WebView中的视频全屏的相关操作

Android WebView播放视频(包括全屏播放)

【Android】带进度条的WebView

Android WebView 缓存处理

浅谈WebView的使用

WebView中常见问题总结

0 0
原创粉丝点击