温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

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

发布时间:2020-11-21 16:40:36 来源:亿速云 阅读:185 作者:Leah 栏目:移动开发

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

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

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI