快捷導(dǎo)航

Android WebView實(shí)現(xiàn)頂部進(jìn)度條

更新時(shí)間：2019年11月29日 10:03:44 作者：Android格調(diào)小窩

這篇文章主要為大家詳細(xì)介紹了Android WebView實(shí)現(xiàn)頂部進(jìn)度條，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

項(xiàng)目中用到WebView加上進(jìn)度條放在頂部，讓用戶知道加載進(jìn)度情況，可以提高用戶體驗(yàn)：

效果：

布局：

<RelativeLayout

  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical">
  <WebView
   android:id="@+id/webView"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:layout_below="@+id/toolbar_container" />

  <ProgressBar

   android:id="@+id/progressBar"
   style="@style/crowd_item_progressBar"
   android:layout_width="match_parent"
   android:layout_height="3dp"
   android:layout_below="@+id/toolbar_container"
   android:background="@drawable/crowd_progressbar_unselect" />

</RelativeLayout>

進(jìn)度條樣式：

<style name="crowd_item_progressBar">
  <item name="android:indeterminateOnly">false</item>
  <item name="android:progressDrawable">@drawable/crowd_progressbar_background</item>
  <item name="android:minHeight">10dp</item>
  <item name="android:maxHeight">10dp</item>

</style>

進(jìn)度圖片：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
 <item
  android:id="@android:id/progress" >
  <clip>
   <shape>
    <solid android:color="@color/selected"/>
    <!--<corners android:radius="1.5dp"/>-->
   </shape>
  </clip>
 </item>
</layer-list>

代碼：

public class WebChromeClient extends android.webkit.WebChromeClient {
  @Override

  public void onProgressChanged(WebView view, int newProgress) {
   if (newProgress == 100) {

    mProgressBar.setVisibility(GONE);
   } else {

    if (mProgressBar.getVisibility() == GONE)
     mProgressBar.setVisibility(VISIBLE);
    mProgressBar.setProgress(newProgress);

   }

   super.onProgressChanged(view, newProgress);

  }

 }

 @Override
 protected void onScrollChanged(int l, int t, int oldl, int oldt) {
  LayoutParams lp = (LayoutParams) mProgressBar.getLayoutParams();
  lp.x = l;
  lp.y = t;
  mProgressBar.setLayoutParams(lp);
  super.onScrollChanged(l, t, oldl, oldt);

 }

}

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Android實(shí)現(xiàn)長(zhǎng)圖展開與收起效果
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)長(zhǎng)圖展開與收起效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-09-09
自定義滑動(dòng)按鈕為例圖文剖析Android自定義View繪制
這篇文章主要介紹了自定義滑動(dòng)按鈕的例子，圖文剖析Android自定義View繪制，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-03-03
Flutter中獲取屏幕及Widget的寬高示例代碼
這篇文章主要給大家介紹了關(guān)于Flutter中如何獲取屏幕及Widget的寬高的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者使用Flutter具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-03-03
Android支付寶支付設(shè)計(jì)開發(fā)
這篇文章主要為大家詳細(xì)介紹了Android支付寶支付設(shè)計(jì)開發(fā)，設(shè)計(jì)支付寶支付開發(fā)方案，感興趣的小伙伴們可以參考一下
2016-02-02
Android項(xiàng)目實(shí)戰(zhàn)之仿網(wǎng)易新聞的頁(yè)面（RecyclerView ）
這篇文章主要介紹了Android項(xiàng)目實(shí)戰(zhàn)之仿網(wǎng)易新聞的頁(yè)面，ViewPager作為RecyclerView的Header，感興趣的小伙伴們可以參考一下
2016-01-01
基于Android掃描sd卡與系統(tǒng)文件的介紹
本篇文章是對(duì)Android掃描sd卡與系統(tǒng)文件進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下
2013-06-06
Android完整的前后端交互參考案例
這篇文章主要介紹了Android完整的前后端交互參考案例，本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2021-09-09
Android自定義ViewGroup實(shí)現(xiàn)標(biāo)簽流效果
這篇文章主要為大家詳細(xì)介紹了Android自定義ViewGroup實(shí)現(xiàn)標(biāo)簽流效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-06-06
Android Studio升級(jí)到3.0 Terminal 中文顯示異常解決
本篇文章主要介紹了Android Studio升級(jí)到3.0 Terminal 中文顯示異常解決，非常具有實(shí)用價(jià)值，需要的朋友可以參考下
2017-10-10
詳解Android中AIDL的使用
AIDL是Android Interface definition language的縮寫，對(duì)于小白來(lái)說(shuō)，AIDL的作用是讓你可以在自己的APP里綁定一個(gè)其他APP的service，這樣你的APP可以和其他APP交互，接下來(lái)通過(guò)本文給大家分享Android AIDL使用，需要的朋友參考下吧
2021-07-07