您好,登錄后才能下訂單哦!
我們平時(shí)在進(jìn)行安卓開發(fā)使用到webview加載網(wǎng)頁時(shí),我們不能準(zhǔn)確了解網(wǎng)頁的加載進(jìn)度,因此為了提高用戶體驗(yàn),我們在webview中加入進(jìn)度條顯示加載進(jìn)度。
程序預(yù)覽界面:
一、主界面xml布局文件
<LinearLayout 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=".MainActivity" android:orientation="vertical" > <RelativeLayout android:layout_width="match_parent" android:layout_height="40dp" android:background="#1B9A16" /> <ProgressBar android:id="@+id/progressBar1" android:layout_width="match_parent" android:layout_height="3dip" android:progressDrawable="@drawable/pg" android:visibility="gone" /> <WebView android:id="@+id/webview1" android:layout_below="@id/progressBar1" android:layout_width="match_parent" android:layout_height="match_parent" /> </LinearLayout>
二、ProgressBar樣式布局文件(pg.xml放在drawable下面)
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" > <item android:id="@android:id/background"> <shape> <corners android:radius="2dp" /> <gradient android:angle="270" android:centerColor="#E3E3E3" android:endColor="#E6E6E6" android:startColor="#C8C8C8" /> </shape> </item> <item android:id="@android:id/progress"> <clip> <shape> <corners android:radius="2dp" /> <gradient android:centerColor="#4AEA2F" android:endColor="#31CE15" android:startColor="#5FEC46" /> </shape> </clip> </item> </layer-list>
三、邏輯代碼
package com.example.webview; import android.os.Bundle; import android.app.Activity; import android.transition.Visibility; import android.view.KeyEvent; import android.view.Menu; import android.view.View; import android.view.Window; import android.webkit.WebChromeClient; import android.webkit.WebSettings; import android.webkit.WebView; import android.webkit.WebViewClient; import android.widget.ProgressBar; public class MainActivity extends Activity { private WebView webView; private ProgressBar pg1; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); requestWindowFeature(Window.FEATURE_NO_TITLE); setContentView(R.layout.activity_main); init(); webView.loadUrl("http://www.baidu.com"); } private void init() { // TODO 自動(dòng)生成的方法存根 webView=(WebView) findViewById(R.id.webview1); pg1=(ProgressBar) findViewById(R.id.progressBar1); webView.setWebViewClient(new WebViewClient(){ //覆寫shouldOverrideUrlLoading實(shí)現(xiàn)內(nèi)部顯示網(wǎng)頁 @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { // TODO 自動(dòng)生成的方法存根 view.loadUrl(url); return true; } }); WebSettings seting=webView.getSettings(); seting.setJavaScriptEnabled(true);//設(shè)置webview支持javascript腳本 webView.setWebChromeClient(new WebChromeClient(){ @Override public void onProgressChanged(WebView view, int newProgress) { // TODO 自動(dòng)生成的方法存根 if(newProgress==100){ pg1.setVisibility(View.GONE);//加載完網(wǎng)頁進(jìn)度條消失 } else{ pg1.setVisibility(View.VISIBLE);//開始加載網(wǎng)頁時(shí)顯示進(jìn)度條 pg1.setProgress(newProgress);//設(shè)置進(jìn)度值 } } }); } //設(shè)置返回鍵動(dòng)作(防止按返回鍵直接退出程序) @Override public boolean onKeyDown(int keyCode, KeyEvent event) { // TODO 自動(dòng)生成的方法存根 if(keyCode==KeyEvent.KEYCODE_BACK) { if(webView.canGoBack()) {//當(dāng)webview不是處于第一頁面時(shí),返回上一個(gè)頁面 webView.goBack(); return true; } else {//當(dāng)webview處于第一頁面時(shí),直接退出程序 System.exit(0); } } return super.onKeyDown(keyCode, event); } }
整體流程就這樣。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持億速云。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。