Android中WebView加载网页时，在顶部加上进度条

效果图

代码

标准的XML界面

[html] view plain copy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     android:orientation="vertical" >  
6.   
7.     <ProgressBar  
8.         android:id="@+id/pb"  
9.         style="?android:attr/progressBarStyleHorizontal"  
10.         android:layout_width="fill_parent"  
11.         android:layout_height="8dip"  
12.         android:indeterminateOnly="false"  
13.         android:max="100"  
14.         android:progressDrawable="@drawable/progress_bar_states" >  
15.     </ProgressBar>  
16.   
17.     <WebView  
18.         android:id="@+id/webview"  
19.         android:layout_width="match_parent"  
20.         android:layout_height="match_parent" />  
21.   
22. </LinearLayout>  

上面声明了两个控件，一个是progressBar 一个是 webview，progressbar用来显示webview控件的加载进度的

值得注意的是我们重写的progressdrawable这个属性，把原来难看的加载条，稍稍美化了一些，下面就是xml代码：

[html] view plain copy

1. <layer-list xmlns:android="http://schemas.android.com/apk/res/android">  
2.   
3.     <item android:id="@android:id/background">  
4.         <shape>  
5.             <gradient  
6.                     android:startColor="#ff0000"  
7.                     android:centerColor="#ffa600"  
8.                     android:endColor="#ff5500"  
9.                       
10.             />  
11.         </shape>  
12.     </item>  
13.   
14.     <item android:id="@android:id/secondaryProgress">  
15.         <clip>  
16.             <shape>  
17.                 <gradient  
18.                         android:startColor="#234"  
19.                         android:centerColor="#234"  
20.                         android:endColor="#a24"  
21.                 />  
22.             </shape>  
23.         </clip>  
24.     </item>  
25.   
26.     <item android:id="@android:id/progress">  
27.         <clip>  
28.             <shape>  
29.                 <gradient  
30.                     android:startColor="#33000001"  
31.                     android:centerColor="#40000000"  
32.                     android:endColor="#44000000"  
33.                 />  
34.             </shape>  
35.         </clip>  
36.     </item>  
37.   
38. </layer-list>  

 下面是Activity的java代码：

[java] view plain copy

1. ProgressBar pb;  
2. @Override  
3. protected void onCreate(Bundle savedInstanceState) {  
4.     super.onCreate(savedInstanceState);  
5.     setContentView(R.layout.xxx);  
6.       
7.       
8.     pb = (ProgressBar) findViewById(R.id.pb);  
9.     pb.setMax(100);  
10.       
11.     WebView webView = (WebView) findViewById(R.id.webview);  
12.     webView.getSettings().setJavaScriptEnabled(true);  
13.     webView.getSettings().setSupportZoom(true);    
14.     webView.getSettings().setBuiltInZoomControls(true);  
15.     webView.setWebChromeClient(new WebViewClient() );  
16.     webView.loadUrl("http://www.x.com");  
17. }  
18.   
19. private class WebViewClient extends WebChromeClient {  
20.     @Override  
21.     public void onProgressChanged(WebView view, int newProgress) {  
22.         pb.setProgress(newProgress);  
23.         if(newProgress==100){  
24.             pb.setVisibility(View.GONE);  
25.         }  
26.         super.onProgressChanged(view, newProgress);  
27.     }  
28.       
29. }  

关键地方是重写了一个webchromeclient中的onprogressChange方法，这样我们就能控制progress的进度啦，是不是很方便的，京东也是这么干的哦，快去试一试吧

源码下载

http://download.csdn.net/detail/zhaihaohao1/9475813