您的位置：首页 > 移动开发

Android中WebView加载网页设置进度条

2017-04-18 14:57 816 查看

本文实例为大家分享了Android中WebView加载网页设置进度条的具体代码，供大家参考，具体内容如下

效果：

xml：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="48dp"
android:background="@color/colorPrimary"
android:layout_weight="0">
<ImageView
android:id="@+id/activity_add_authentication_back"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/activity_news_back"
android:layout_marginLeft="10dp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="网页"
android:textColor="@color/white"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true"
android:textSize="18sp"/>
</RelativeLayout>
</LinearLayout>
<ProgressBar
android:id="@+id/progressBar1"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="match_parent"
android:layout_height="3dip"
android:progressDrawable="@drawable/pg"
android:visibility="gone" />
<WebView
android:id="@+id/web_view"
android:layout_width="match_parent"
android:layout_height="match_parent">
</WebView>
</LinearLayout>

pg.xml

<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>

Java文件：

package com.vimi8.app.activity;
import android.content.Context;
import android.os.Bundle;
import android.view.KeyEvent;
import android.view.View;
import android.webkit.JavascriptInterface;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.ProgressBar;
import android.widget.Toast;
import com.vimi8.app.R;
import com.vimi8.app.framework.ActivityBase;
/**
* Created by vimi8 on 2017/4/18.
*/
public class YyxText extends ActivityBase {
private WebView myWebView ;
private ProgressBar pg1;
@Override
protected void initVariables(Bundle savedInstanceState) {
}
@Override
protected int initLayoutViews() {
return R.layout.yyx_text;
}
@Override
protected void initViewsAndStaticData() {
//获取webview控件
myWebView = (WebView) findViewById(R.id.web_view);
pg1=(ProgressBar) findViewById(R.id.progressBar1);
//加载服务器上的页面
myWebView.loadUrl("http://www.baidu.com");
//加载本地中的html
//myWebView.loadUrl("file:///android_asset/www/test2.html");
//加上下面这段代码可以使网页中的链接不以浏览器的方式打开
myWebView.setWebViewClient(new WebViewClient());
//得到webview设置
WebSettings webSettings = myWebView.getSettings();
//允许使用javascript
webSettings.setJavaScriptEnabled(true);
//将WebAppInterface于javascript绑定
myWebView.addJavascriptInterface(new WebAppInterface(this), "Android");
//设置经度条
myWebView.setWebChromeClient(new WebChromeClient(){
@Override
public void onProgressChanged(WebView view, int newProgress) {
// TODO 自动生成的方法存根
if(newProgress==100){
pg1.setVisibility(View.GONE);//加载完网页进度条消失
}
else{
pg1.setVisibility(View.VISIBLE);//开始加载网页时显示进度条
pg1.setProgress(newProgress);//设置进度值
}
}
});
}
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
if ((keyCode == KeyEvent.KEYCODE_BACK) && myWebView.canGoBack()) {
myWebView.goBack();
return true;
}
return super.onKeyDown(keyCode, event);
}
public class WebAppInterface {
Context mContext;
/** Instantiate the interface and set the context */
WebAppInterface(Context c) {
mContext = c;
}
/** Show a toast from the web page */
@JavascriptInterface
public void showToast(String toast) {
Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show();
}
}
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： Android WebView 进度条

相关文章推荐

新的分享

章节导航