最近项目用到webview下拉刷新,第一想到用h5实现,由于效果不理想,所以想到Android v4包里的SwipeRefreshLayout包裹自定义带进度条的webview来实现。 SwipeRefreshLayout就不再介绍了,大家可以去网上看看。直接抛代码:
import android.content.Context;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.webkit.WebView;
import android.widget.ProgressBar;
@SuppressWarnings("deprecation")
public class ProgressWebView extends WebView {
private ProgressBar progressBar;
//刷新时候不显示进度条,默认不是在刷新,显示进度条
private boolean isRefresh = false;
private LoadFinishListener mFinishListener;
public ProgressWebView(Context context, AttributeSet attrs) {
super(context, attrs);
progressBar = (ProgressBar) LayoutInflater.from(context).inflate(
R.layout.progress_horizontal, null);
progressBar.setMax(100);
progressBar.setProgress(0);
addView(progressBar, LayoutParams.FILL_PARENT, 8);
setWebChromeClient(new WebChromeClient());
}
public class WebChromeClient extends android.webkit.WebChromeClient {
@Override
public void onProgressChanged(WebView view, int newProgress) {
if (newProgress == 100) {
progressBar.setVisibility(GONE);
if (mFinishListener != null) {
mFinishListener.OnLoadfinish();
}
//加载完成恢复默认状态
isRefresh=false;
} else {
if (!isRefresh) {//不是刷新时候显示
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);
}
//加载完成接口调用,通知wipeRefreshLayout刷新完成
public interface LoadFinishListener {
public void OnLoadfinish();
}
public void setOnLoadFinishListener(LoadFinishListener loadFinishListener) {
mFinishListener = loadFinishListener;
}
public void isRefresh(boolean is) {
isRefresh=is;
}
}
activity 中使用:
import com.example.refresh.ProgressWebView.LoadFinishListener;
import android.os.Bundle;
import android.annotation.SuppressLint;
import android.app.Activity;
import android.support.v4.widget.SwipeRefreshLayout;
import android.webkit.WebView;
import android.webkit.WebViewClient;
public class MainActivity extends Activity {
public ProgressWebView webview;
private SwipeRefreshLayout swipeLayout;
@SuppressLint("SetJavaScriptEnabled") @SuppressWarnings("deprecation")
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
swipeLayout = (SwipeRefreshLayout) findViewById(R.id.swipe_container);
swipeLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
@Override
public void onRefresh() {
//重新刷新页面
webview.loadUrl(webview.getUrl());
webview.isRefresh(true);
}
});
swipeLayout.setColorScheme(R.color.holo_blue_bright,
R.color.holo_green_light, R.color.holo_orange_light,
R.color.holo_red_light);
webview = (ProgressWebView)findViewById(R.id.webview);
webview.loadUrl("http://www.saikr.com");
//添加javaScript支持
webview.getSettings().setJavaScriptEnabled(true);
//取消滚动条
webview.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY);
//触摸焦点起作用
webview.requestFocus();
//点击链接继续在当前browser中响应
webview.setWebViewClient(new WebViewClient(){
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
view.loadUrl(url);
return true;
}
});
webview.setOnLoadFinishListener(new LoadFinishListener() {
@Override
public void OnLoadfinish() {
// TODO Auto-generated method stub
swipeLayout.setRefreshing(false);
}
});
}
}
progress_horizontal.xml布局:
<ProgressBar xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/my_profile_tracker"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="@null"
android:indeterminateOnly="false"
android:max="100"
android:progressDrawable="@drawable/progress_bar_horizontal" />
有什么问题望大神指出!