【Android】帶進度條的WebView

前言

 如果不使用系統內建的TitleBar（即Activity被設定@android:style/Theme.NoTitleBar），那就需要自己來寫進度條了，這裡封裝了一個自訂控制項和載入網頁的公用Activity，方便使用。

 

聲明 

　　歡迎轉載，但請保留文章原始出處:) 

　　　　部落格園：http://www.cnblogs.com

　　　　農民伯伯： http://over140.cnblogs.com   

 

本文

一、

 

 

二、自訂控制項

 

/**
 * 帶進度條的WebView
 * @author 農民伯伯
 * @see http://www.cnblogs.com/over140/archive/2013/03/07/2947721.html
 * 
 */
@SuppressWarnings("deprecation")
public class ProgressWebView extends WebView {

    private ProgressBar progressbar;

    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 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);
    }
}

 

 

三、載入網頁的公用Activity

 

/**
 * 載入網頁的Activity
 * 
 * @author 農民伯伯
 * @see http://www.cnblogs.com/over140/archive/2013/03/07/2947721.html
 * 
 */
public class WebActivity extends BaseActivity {

    private ProgressWebView webview;
    private String url;
    private String name;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.commom_web);

        // ~~~ 擷取參數
        url = getIntent().getStringExtra("url");
        name = getIntent().getStringExtra("name");

        // ~~~ 繫結控制項
        webview = (ProgressWebView) findViewById(R.id.webview);

        // ~~~ 設定資料
        titleText.setText(name);
        webview.getSettings().setJavaScriptEnabled(true);
        webview.setDownloadListener(new DownloadListener() {
            @Override
            public void onDownloadStart(String url, String userAgent, String contentDisposition, String mimetype, long contentLength) {
                if (url != null && url.startsWith("http://"))
                    startActivity(new Intent(Intent.ACTION_VIEW, Uri.parse(url)));
            }
        });

        webview.loadUrl(url);
    }
}

 

commom_web.xml 

 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <include layout="@layout/include_title" />

    <com.nmbb.ui.widget.ProgressWebView
        android:id="@+id/webview"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" />

</LinearLayout>

 

 

四、補充說明

1、還可以再最佳化一下，在標題列加一個重新整理按鈕。

2、如果載入的頁面有需要下載檔案，需要設定setDownloadListener方法，根據項目實際需求定製。

3、自訂控制項是在轉載的，忘記出處，感謝~~ 

 

結束

沒啥高深技術，實用就行！