Android加载WebView进度条显示

最新推荐文章于 2024-09-30 15:37:45 发布

Android_小菜菜

最新推荐文章于 2024-09-30 15:37:45 发布

阅读量882

点赞数 1

分类专栏： WebView加载文章标签： android webview

本文链接：https://blog.csdn.net/xiaolaohuqwer/article/details/52423119

版权

WebView加载专栏收录该内容

0 篇文章 0 订阅

订阅专栏

话不多说，直接上图

WebView

布局代码如下：一个ProgressBar，一个WebView。最下边是个FloatingActionButton(没用到)。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
        <ProgressBar
            android:id="@+id/pb_progress"
            style="?android:attr/progressBarStyleHorizontal"
            android:layout_width="match_parent"
            android:layout_height="5dp"
            android:indeterminateOnly="false"
            android:max="100"
            android:progressDrawable="@drawable/progress_bar_states" >
        </ProgressBar>
        <WebView
            android:layout_below="@+id/pb_progress"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:id="@+id/wv_webView" />


        <android.support.design.widget.FloatingActionButton
            android:id="@+id/btn_fab"
            android:layout_marginTop="50dp"
            android:layout_alignParentRight="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            />

</RelativeLayout>

ProgressBar背景代码如下:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:id="@android:id/background">
        <shape>
            <gradient
                android:startColor="#cccccc"
                android:centerColor="#cccccc"
                android:endColor="#cccccc"/>
        </shape>
    </item>

    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <gradient
                    android:startColor="#43EF57"
                    android:centerColor="#43EF57"
                    android:endColor="#43EF57"/>
            </shape>
        </clip>
    </item>

</layer-list>

MainActivity中代码:

import android.graphics.Bitmap;
import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.ProgressBar;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    private WebView mWebView;
    private ProgressBar pbProgress;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mWebView = (WebView) findViewById(R.id.wv_webView);
        pbProgress = (ProgressBar) findViewById(R.id.pb_progress);

        //启用js功能
        mWebView.getSettings().setJavaScriptEnabled(true);
        mWebView.setWebViewClient(new WebViewClient(){
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                view.loadUrl(url);
                return true;
            }
        });

        mWebView.setWebChromeClient(new WebChromeClient() {

            //进度发生变化
            @Override
            public void onProgressChanged(WebView view, int newProgress) {
                if (newProgress == 100) {
                    // 网页加载完成
                    pbProgress.setVisibility(View.GONE);
                } else {
                    // 加载中
                    pbProgress.setProgress(newProgress);
                }
                super.onProgressChanged(view, newProgress);
            }
        });
        mWebView.loadUrl("http://www.youku.com");
    }
}