Android WebView系列文章4 WebView的问题总结

版权声明:本文为博主原创文章,转载请注明出处 https://blog.csdn.net/m0_37700275/article/details/76858608

WebView的问题总结
目录介绍
1.关于加载H5页面闪烁问题
2.WebView页面中播放了音频,退出Activity后音频仍然在播放
3.为WebView自定义错误显示界面
4.判断WebView是否已经滚动到页面底端
5.在页面中先显示图片

1.关于加载H5页面闪烁问题

  • 方案1:加载进度条【该方法在夜间模式下无法解决闪烁问题】
@Override
public void onPageStarted(WebView view, String url, Bitmap favicon) {
    view.getSettings().setJavaScriptEnabled(true);
    if (progressDialog == null) {
        progressDialog=new ProgressDialog(PNewsContentActivity.this);
        progressDialog.setMessage("数据加载中,请稍后。。。");
        progressDialog.show();
        webView.setEnabled(false);// 当加载网页的时候将网页进行隐藏
    }
    super.onPageStarted(view, url, favicon);
}

@Override
public void onPageFinished(WebView view, String url) {
    view.getSettings().setJavaScriptEnabled(true);
    if (progressDialog != null && progressDialog.isShowing()) {
        progressDialog.dismiss();
        progressDialog = null;
        webView.setEnabled(true);
    }
    super.onPageFinished(view, url);
}

 @Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
    view.loadUrl(url);           //在当前的webview中跳转到新的url
    return true;
}
  • 方案2:硬件加速器【夜间模式无效】
android webview 在3.0+后显示flash和视频要启用硬件加速
开启硬件加速是在manifest中加入: android:hardwareAccelerated="true"

开启硬件加速后webview有可能会出现闪烁的问题
webView.setBackgroundColor(Color.parseColor("#000000")); //ok 不会闪黑屏
webView.setBackgroundColor(0x000000);          //会闪黑屏
由于webview的背景颜色默认是白色,在一些场合下会显得很突兀(比如背景是黑色【夜间模式】)。
android:hardwareAccelerated="false"    清单文件
android:layerType="software"        布局文件
mWebView.setLayerType(View.LAYER_TYPE_SOFTWARE,null); 代码中
  • 方案3:设置延迟执行夜间模式方法
1.布局
<WebView
    android:id="@+id/webview"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"          
    android:visibility="visible"/>
//注意WebView默认是白色背景,记得设置高度为包裹,否则夜间模式下无法用进度条过渡闪频
<ProgressBar
    android:id="@+id/progressBar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="center_vertical"
    android:layout_marginTop="200dp"
    android:background="?containerBackground"
    android:visibility="gone"/>

2.代码设置
private class DataWebViewClient extends WebViewClient {
    //H5页面加载完成后执行
    @Override
    public void onPageFinished(WebView view, String url) {
        super.onPageFinished(view, url);
  //执行H5夜间模式点击事件
        if (isNight) {
            wvDetailInvestor.loadUrl("javascript:toggleClassTest()");
        }
        if (handler == null) {
            handler = new Handler();
        }
  //延迟代码执行【避免刷屏】
        handler.postDelayed(new Runnable() {
            @Override
            public void run() {
                wvDetailInvestor.setVisibility(View.VISIBLE);
                progressBar.setVisibility(View.GONE);          //进度条隐藏
            }
        }, 500);
    }

    //H5页面加载开始就执行
    @Override
    public void onPageStarted(WebView view, String url, Bitmap favicon) {
        super.onPageStarted(view, url, favicon);
        wvDetailInvestor.setVisibility(View.GONE);
        progressBar.setVisibility(View.VISIBLE);          //进度条显示
    }
}

2.WebView页面中播放了音频,退出Activity后音频仍然在播放

    * 错误:需要在ActivityonDestory()中调用webView.destroy(); 
    * 正确:webview调用destory时,webview仍绑定在Activity上.这是由于自定义webview构建时传入了该Activitycontext对象,因此需要先从父容器中移除webview,然后再销毁webview:rootLayout.removeView(webView);

3.为WebView自定义错误显示界面
覆写WebViewClient中的onReceivedError()方法:

/**
* 显示自定义错误提示页面,用一个View覆盖在WebView
*/ 
protected void showErrorPage() { 
    LinearLayout webParentView = (LinearLayout)mWebView.getParent(); 
    initErrorPage(); 
    while (webParentView.getChildCount() > 1) {
        webParentView.removeViewAt(0); 
    }
    LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT); 
    webParentView.addView(mErrorView, 0, lp); 
    mIsErrorPage = true; 
} 
protected void hideErrorPage() { 
    LinearLayout webParentView = (LinearLayout)mWebView.getParent(); 

    mIsErrorPage = false; 
    while (webParentView.getChildCount() > 1) { 
        webParentView.removeViewAt(0); 
    } 
}   
protected void initErrorPage() { 
    if (mErrorView == null) { 
        mErrorView = View.inflate(this, R.layout.online_error, null); 
        Button button = (Button)mErrorView.findViewById(R.id.online_error_btn_retry); 
        button.setOnClickListener(new OnClickListener() { 
            public void onClick(View v) { 
                mWebView.reload(); 
            } 
        }); 
        mErrorView.setOnClickListener(null); 
    } 
} 
@Override 
public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) { 
     mErrorView.setVisibility(View.VISIBLE); 
     super.onReceivedError(view, errorCode, description, failingUrl); 
}

4.判断WebView是否已经滚动到页面底端
getScrollY()方法返回的是当前可见区域的顶端距整个页面顶端的距离,也就是当前内容滚动的距离.
getHeight()或者getBottom()方法都返回当前WebView 这个容器的高度
getContentHeight 返回的是整个html 的高度,但并不等同于当前整个页面的高度,因为WebView 有缩放功能, 所以当前整个页面的高度实际上应该是原始html 的高度再乘上缩放比例. 因此,更正后的结果,准确的判断方法应该是:

if(WebView.getContentHeight*WebView.getScale() == (webview.getHeight()+WebView.getScrollY())){
    //已经处于底端
}

5.在页面中先显示图片

@Override 
public void onLoadResource(WebView view, String url) { 
  mEventListener.onWebViewEvent(CustomWebView.this, OnWebViewEventListener.EVENT_ON_LOAD_RESOURCE, url); 
    if (url.indexOf(".jpg") > 0) { 
    hideProgress(); //请求图片时即显示页面 
    mEventListener.onWebViewEvent(CustomWebView.this, OnWebViewEventListener.EVENT_ON_HIDE_PROGRESS, view.getUrl()); 
    } 
    super.onLoadResource(view, url); 
}

后续:
平时喜欢写写文章,笔记。别人建议我把笔记,以前写的东西整理,然后写成博客,所以我会陆续整理文章,只发自己写的东西,敬请期待:
知乎:https://www.zhihu.com/people/yang-chong-69-24/pins/posts
领英:https://www.linkedin.com/in/chong-yang-049216146/
简书:http://www.jianshu.com/u/b7b2c6ed9284
csdn:http://my.csdn.net/m0_37700275
网易博客:http://yangchong211.blog.163.com/
新浪博客:http://blog.sina.com.cn/786041010yc
github:https://github.com/yangchong211
喜马拉雅听书:http://www.ximalaya.com/zhubo/71989305/
开源中国:https://my.oschina.net/zbj1618/blog

阅读更多
换一批

没有更多推荐了,返回首页