Android开发中使用WebView怎么添加一个进度条

发布时间：2020-11-21 16:40:36 阅读：190 作者：Leah 栏目：移动开发

Android开发者专用服务器限时活动，0元免费领，库存有限，领完即止！点击查看>>

Android开发中使用WebView怎么添加一个进度条？很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。

标准的XML界面

<&#63;xml version="1.0" encoding="utf-8"&#63;>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:orientation="vertical" >
 <ProgressBar
  android:id="@+id/pb"
  
  android:layout_width="fill_parent"
  android:layout_height="8dip"
  android:indeterminateOnly="false"
  android:max="100"
  android:progressDrawable="@drawable/progress_bar_states" >
 </ProgressBar>
 <WebView
  android:id="@+id/webview"
  android:layout_width="match_parent"
  android:layout_height="match_parent" />
</LinearLayout>

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

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

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
 <item android:id="@android:id/background">
  <shape>
   <gradient
     android:startColor="#ff0000"
     android:centerColor="#ffa600"
     android:endColor="#ff5500"
   />
  </shape>
 </item>
 <item android:id="@android:id/secondaryProgress">
  <clip>
   <shape>
    <gradient
      android:startColor="#234"
      android:centerColor="#234"
      android:endColor="#a24"
    />
   </shape>
  </clip>
 </item>
 <item android:id="@android:id/progress">
  <clip>
   <shape>
    <gradient
     android:startColor="#33000001"
     android:centerColor="#40000000"
     android:endColor="#44000000"
    />
   </shape>
  </clip>
 </item>
</layer-list>

下面是Activity的java代码：

ProgressBar pb;
@Override
protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.xxx);
 pb = (ProgressBar) findViewById(R.id.pb);
 pb.setMax(100);
 WebView webView = (WebView) findViewById(R.id.webview);
 webView.getSettings().setJavaScriptEnabled(true);
 webView.getSettings().setSupportZoom(true);
 webView.getSettings().setBuiltInZoomControls(true);
 webView.setWebChromeClient(new WebViewClient() );
 webView.loadUrl("http://www.x.com");
}
private class WebViewClient extends WebChromeClient {
 @Override
 public void onProgressChanged(WebView view, int newProgress) {
  pb.setProgress(newProgress);
  if(newProgress==100){
   pb.setVisibility(View.GONE);
  }
  super.onProgressChanged(view, newProgress);
 }
}

看完上述内容是否对您有帮助呢？如果还想对相关知识有进一步的了解或阅读更多相关文章，请关注亿速云行业资讯频道，感谢您对亿速云的支持。

亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

向AI问一下细节

Android开发中使用WebView怎么添加一个进度条

猜你喜欢

最新资讯

相关推荐

开发者交流群：

相关标签