Android 下拉刷新控件SwipeRefreshLayout结合WebView使用

标签：控件   webview   android   

SwipeRefreshLayout 是谷歌官方下拉刷新控件，4.0以下的版本需要用到  android-support-v4.jar包才能用到

android-support-v4.jar 包下载地址：http://download.csdn.net/detail/h7870181/7784247

官网API地址：https://developer.android.com/reference/android/support/v4/widget/SwipeRefreshLayout.html

GitHub Demo下载地址： https://github.com/stormzhang/SwipeRefreshLayoutDemo

SwipeRefreshLayout 使用起来是非常简单的，只需要在可以滑动的控件外层添加即可，如：WebView、ListView和ScroolView.

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <android.support.v4.widget.SwipeRefreshLayout
        android:id="@+id/swipe_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <WebView
            android:id="@+id/webview"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>
        
    </android.support.v4.widget.SwipeRefreshLayout>

</FrameLayout>

常用方法：

void setOnRefreshListener(SwipeRefreshLayout.OnRefreshListener listener)   设置刷新监听器

void setColorSchemeColors(int color1, int color2, int color3, int color4)  设置四种颜色进度条样式

void setRefreshing(boolean refreshing)  隐藏或显示进度条

boolean isRefreshing()  判断进度条是否显示 

结合WebView使用也挺简单的，可以实现一些功能，下拉刷新当前网页、点击网页在当前页面中浏览并显示SwipeRefreshLayout进度条，整体来说还是不错的

public class Fragment5 extends Fragment {
	private View view;
	public WebView webview;
	private SwipeRefreshLayout swipeLayout;
	
	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {
		view = inflater.inflate(R.layout.activity_fragment5, null);
		
		swipeLayout = (SwipeRefreshLayout) view.findViewById(R.id.swipe_container);
		swipeLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
			
			@Override
			public void onRefresh() {
				//重新刷新页面
				webview.loadUrl(webview.getUrl());
			}
		});
		swipeLayout.setColorScheme(R.color.holo_blue_bright,
				R.color.holo_green_light, R.color.holo_orange_light,
				R.color.holo_red_light);
		
		webview = (WebView)view.findViewById(R.id.webview);
		
		webview.loadUrl("http://blog.csdn.net/h7870181");
		//添加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.setWebChromeClient(new WebChromeClient(){
			@Override
			public void onProgressChanged(WebView view, int newProgress) {
				if (newProgress == 100) {
					//隐藏进度条
					swipeLayout.setRefreshing(false);
	            } else {
	                if (!swipeLayout.isRefreshing())
	                	swipeLayout.setRefreshing(true);
	            }
				
				super.onProgressChanged(view, newProgress);
			}
		});
		
		return view;
	}
}

差点忘了贴出color.xml资源文件了，我呵了个呵！

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <!-- A light Holo shade of blue -->
    <color name="holo_blue_light">#ff33b5e5</color>
    <!-- A light Holo shade of green -->
    <color name="holo_green_light">#ff99cc00</color>
    <!-- A light Holo shade of red -->
    <color name="holo_red_light">#ffff4444</color>
    <!-- A dark Holo shade of blue -->
    <color name="holo_blue_dark">#ff0099cc</color>
    <!-- A dark Holo shade of green -->
    <color name="holo_green_dark">#ff669900</color>
    <!-- A dark Holo shade of red -->
    <color name="holo_red_dark">#ffcc0000</color>
    <!-- A Holo shade of purple -->
    <color name="holo_purple">#ffaa66cc</color>
    <!-- A light Holo shade of orange -->
    <color name="holo_orange_light">#ffffbb33</color>
    <!-- A dark Holo shade of orange -->
    <color name="holo_orange_dark">#ffff8800</color>
    <!-- A really bright Holo shade of blue -->
    <color name="holo_blue_bright">#ff00ddff</color>

</resources>

没多大技术含量，纯属积累学习，还望大家见谅！

成功源于不断的学习和积累 ！

Android 下拉刷新控件SwipeRefreshLayout结合WebView使用,布布扣,bubuko.com

Android 下拉刷新控件SwipeRefreshLayout结合WebView使用

标签：控件   webview   android   

原文地址：http://blog.csdn.net/h7870181/article/details/38682295