在使用WebView加載網(wǎng)頁時(shí)有時(shí)候網(wǎng)速等原因加載比較慢時(shí),為了避免在加載網(wǎng)頁的時(shí)候出現(xiàn)一片空白的區(qū)域,給用戶很不好的體驗(yàn)感,我們往往在加載的時(shí)候添加一個(gè)進(jìn)度條,使用戶直觀的感受到網(wǎng)頁加載的進(jìn)度,通常我們可以通過WebChromeClient里面的onProgressChanged()方法獲取到當(dāng)前的網(wǎng)頁加載進(jìn)度,但是當(dāng)我們使用時(shí)會(huì)發(fā)現(xiàn)他的網(wǎng)頁加載進(jìn)度不是一點(diǎn)一點(diǎn)加載的,也許一下就加載到50%下一秒直接加載到80%,如果我們將其設(shè)置給progressBar看起來就很快而且很不順暢,體驗(yàn)感較差,如下圖所示加載的網(wǎng)頁進(jìn)度:
成都創(chuàng)新互聯(lián)專注于虞城網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供虞城營銷型網(wǎng)站建設(shè),虞城網(wǎng)站制作、虞城網(wǎng)頁設(shè)計(jì)、虞城網(wǎng)站官網(wǎng)定制、成都小程序開發(fā)服務(wù),打造虞城網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供虞城網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。
假如這樣將其進(jìn)度設(shè)置到progressBar的體驗(yàn)感就相當(dāng)?shù)牟?,如下圖所示:
現(xiàn)在我們希望想要其在加載網(wǎng)頁的時(shí)候希望給用戶一種勻速加載的感覺,盡管他不是網(wǎng)頁真正加載的進(jìn)度,但我們只需要在網(wǎng)頁剛開始加載后和網(wǎng)頁加載結(jié)束前模擬一個(gè)勻速加載的效果,也就是重寫WebViewClient的onPageStarted()方法,在其中開啟一個(gè)定時(shí)器,重寫onPageFinished(),將定時(shí)器關(guān)閉掉,達(dá)到勻速加載網(wǎng)頁的效果,提到定時(shí)器,就不得不說一下相關(guān)的東西了。
簡單來說就分成兩個(gè)東西,一個(gè)Timer,另外一個(gè)就是timer的所要執(zhí)行的計(jì)劃或者說是任務(wù)(Task),將這個(gè)任務(wù)(task)設(shè)置給定時(shí)器(timer),告訴定時(shí)器(timer)什么時(shí)候執(zhí)行任務(wù)(Task),而任務(wù)就是我們要要干的事,可以這樣說定時(shí)器想一個(gè)鬧鐘(Timer),任務(wù)相當(dāng)于我們起床(任務(wù)Task),當(dāng)鬧鐘執(zhí)行到我們設(shè)置的時(shí)間時(shí)(schedule),就提醒我們該起床了
Timer執(zhí)行指定的任務(wù)可以有一下幾種方法
//在指定的時(shí)間執(zhí)行指定的任務(wù)。 public void schedule(TimerTask task, Date when) {} //延遲指定時(shí)間后執(zhí)行指定的任務(wù) public void schedule(TimerTask task, long delay) {} //按設(shè)置延遲時(shí)間和時(shí)間間隔重復(fù)執(zhí)行指定的任務(wù) public void schedule(TimerTask task, long delay, long period) {} //在指定的時(shí)間和時(shí)間間隔重復(fù)執(zhí)行指定的任務(wù) public void schedule(TimerTask task, Date when, long period) {}
在onPageStarted()我們通過開啟一個(gè)定時(shí)器,每隔50ms開始progress+1,直到onPageFinished()取消定時(shí)器
package com.example.timerdemo;
import java.util.Timer; import java.util.TimerTask; import android.app.Activity; import android.graphics.Bitmap; import android.os.Bundle; import android.util.Log; import android.view.Menu; import android.view.MenuItem; import android.view.View; import android.view.View.OnClickListener; import android.webkit.WebChromeClient; import android.webkit.WebView; import android.webkit.WebViewClient; import android.widget.ProgressBar; public class MainActivity extends Activity { private ProgressBar progressbar; private Activity _rootActivity; private WebView webView; private WebClient webClient; private Timer timer = new Timer(); private int currentProgress = 0; String url = "http://appagent.gyfc.net.cn/NewHouse/index"; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); progressbar = (ProgressBar) findViewById(R.id.web_progressbar); webView = (WebView) findViewById(R.id.webView); webClient = new WebClient(); webView.setWebViewClient(webClient); webView.setWebChromeClient(new WebChromeClient(){ @Override public void onProgressChanged(WebView view, int newProgress) { super.onProgressChanged(view, newProgress); if (newProgress == 100) { stopTimeTask(); progressbar.setVisibility(View.GONE); } else { if (newProgress > currentProgress) { progressbar.setProgress(newProgress); currentProgress = newProgress; } } } }); findViewById(R.id.btn).setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { // TODO Auto-generated method stub webView.loadUrl(url); } }); } class WebClient extends WebViewClient{ @Override public void onPageStarted(WebView view, String url, Bitmap favicon) { super.onPageStarted(view, url, favicon); startTimeTask(); } @Override public void onPageFinished(WebView view, String url) { // TODO Auto-generated method stub super.onPageFinished(view, url); stopTimeTask(); } } /** * 啟動(dòng)定時(shí)器 */ private void startTimeTask() { stopTimeTask(); timer = new Timer(); timer.schedule(new TimerTask() { @Override public void run() { runOnUiThread(new Runnable() { @Override public void run() { // TODO Auto-generated method stub if (currentProgress < 90) { currentProgress += 1; progressbar.setProgress(currentProgress); } else { stopTimeTask(); } } }); } }, 0, 50); } /** * 關(guān)閉定時(shí)器 */ private void stopTimeTask() { if (timer != null) { timer.cancel(); timer = null; } } }
執(zhí)行效果如下所示:
以上所述是小編給大家介紹的使用Timer實(shí)現(xiàn)網(wǎng)頁勻速加載的進(jìn)度條樣式,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對創(chuàng)新互聯(lián)網(wǎng)站的支持!