溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

Android仿微信公眾號文章頁面加載進(jìn)度條的實現(xiàn)方法

發(fā)布時間：2020-06-23 15:13:49 來源：億速云 閱讀：280 作者：清晨 欄目：移動開發(fā)

這篇文章將為大家詳細(xì)講解有關(guān)Android仿微信公眾號文章頁面加載進(jìn)度條的實現(xiàn)方法，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

詳細(xì)實現(xiàn)步驟如下 ：

1、自定義一個ProgressWebView 繼續(xù) Webview

@SuppressWarnings("deprecation")
public class ProgressWebView extends WebView {

 private ProgressBar progressbar;

 public ProgressWebView(Context context) {
 super(context);
 init(context);
 }

 private void init(Context context) {
 progressbar = new ProgressBar(context, null,
  android.R.attr.progressBarStyleHorizontal);
 progressbar.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT,
  6, 0, 0));
 progressbar.setProgressDrawable(this.getResources().getDrawable(
  R.drawable.btn_progress_webview));
 addView(progressbar);
 setWebChromeClient(new WebChromeClient());
 }

 public ProgressWebView(Context context, AttributeSet attrs) {
 super(context, attrs);
 init(context);
 }

 public class WebChromeClient extends android.webkit.WebChromeClient {
 @Override
 public void onProgressChanged(WebView view, int newProgress) {
  if (newProgress == 100) {
  progressbar.setVisibility(GONE);
  } else {
  if (progressbar.getVisibility() == GONE)
   progressbar.setVisibility(VISIBLE);
  progressbar.setProgress(newProgress);
  }
  super.onProgressChanged(view, newProgress);
 }

 }

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

2、設(shè)置R.drawable.btn_progress_webview 進(jìn)度條的顏色值：

<&#63;xml version="1.0" encoding="UTF-8"&#63;>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

 <!-- 設(shè)置背景色（黑色） -->
 <item android:id="@android:id/background">
 <shape>

  <!-- 進(jìn)度條的四個棱角大小 0 為都是直角 隨著值的增大角越圓滑 -->
  <corners android:radius="0dip" />

  <gradient
  android:endColor="#c0c0c0"
  android:startColor="#c0c0c0" />
 </shape>
 </item>

 <!-- 設(shè)置進(jìn)度條顏色（綠色） -->
 <item android:id="@android:id/progress">
 <clip>
  <shape>
  <corners android:radius="0dip" />

  <gradient
   android:endColor="#a13864"
   android:startColor="#a13864" />
  </shape>
 </clip>
 </item>

</layer-list>

3、在布局文件是如何使用呢？

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 tools:context="com.summer.progresswebview.MainActivity" >

 <com.summer.progresswebview.ProgressWebView

 android:id="@+id/progresswebview"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"/>

</RelativeLayout>

4、在Activity中是如何使用 和顯示網(wǎng)頁內(nèi)容的 ：

public class MainActivity extends Activity {
 private ProgressWebView progresswebview;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);
 initView();
 }

 private void initView() {
 progresswebview = (ProgressWebView) findViewById(R.id.progresswebview);
 progresswebview.getSettings()
  .setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
 progresswebview.getSettings().setJavaScriptEnabled(true);
 progresswebview.getSettings().setSupportZoom(true);
 progresswebview.getSettings().setLoadWithOverviewMode(true);
 progresswebview.getSettings().setUseWideViewPort(true);
 progresswebview.setVerticalScrollBarEnabled(false);
 progresswebview.setHorizontalScrollBarEnabled(false);// 水平不顯示

 progresswebview.getSettings().setBuiltInZoomControls(true); // 支持頁面放大縮小按鈕
 progresswebview.setWebViewClient(client);
 progresswebview.loadUrl("https://www.baidu.com/"); // 加載百度首頁網(wǎng)址
 }

private WebViewClient client = new WebViewClient() {

 @Override
 public void onPageFinished(WebView view, String url) {
  super.onPageFinished(view, url);
  progresswebview.getSettings().setLoadsImagesAutomatically(true);
 }

 @Override
 public void onPageStarted(WebView view, String url, Bitmap favicon) {
  super.onPageStarted(view, url, favicon);
 }


 public boolean shouldOverrideUrlLoading(WebView view, String url) {

  //調(diào)用撥號程序 
  if (url.startsWith("mailto:") || url.startsWith("geo:") ||url.startsWith("tel:")) { 
  Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url)); 
  startActivity(intent); 
  }else
  view.loadUrl(url);


  return true;
 }

 public void onReceivedError(WebView view, int errorCode,
  String description, String failingUrl) {

 }

 };

}

通過這幾個步驟，就是實現(xiàn)跟微信公眾號文章詳情頁顯示的進(jìn)度條一致了。

效果圖：

Android仿微信公眾號文章頁面加載進(jìn)度條的實現(xiàn)方法

Android仿微信公眾號文章頁面加載進(jìn)度條的實現(xiàn)方法

關(guān)于Android仿微信公眾號文章頁面加載進(jìn)度條的實現(xiàn)方法就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手