android-Ultra-Pull-To-Refresh实现下拉刷新WebView

时间：2022-03-24 21:20:59

本文使用的是功能强大的开源项目android-Ultra-Pull-To-Refresh，支持ListView、GridView、WebView、TextView等多种场景，下面在AS中做个下拉刷新WebView小例子入门。

android-Ultra-Pull-To-Refresh开源库地址https://github.com/liaohuqiu/android-Ultra-Pull-To-Refresh

1、将android-Ultra-Pull-To-Refresh引入项目

android-Ultra-Pull-To-Refresh已经上传Maven库，所以在AS中可以很方面的引入。首先在Project的build.gradle文件中引入Maven库

  
  
    

  1. allprojects {
    2. 
   
   
  2.     repositories {
    3. 
   
   
  3.         jcenter()
    4. 
   
   
  4.         mavenCentral()
    5. 
   
   
  5.         maven {
    6. 
   
   
  6.             url 'https://oss.sonatype.org/content/repositories/snapshots'
    7. 
   
   
  7.         }
    8. 
   
   
  8.     }
    9. 
   
   
  9. }
    10.
Moudle的build.gradle文件引入依赖
   
   
    

  1. compile 'in.srain.cube:ultra-ptr:1.0.11'
    2.

2、创建布局文件，使用PtrClassicFrameLayout经典下拉刷新布局

   
   
    

  1. <?xml version="1.0" encoding="utf-8"?>
    2. 
    
    
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    3. 
    
    
  3.     android:layout_width="match_parent"
    4. 
    
    
  4.     android:layout_height="match_parent"
    5. 
    
    
  5.     android:background="#f1f1f1">
    6. 
    
    
    7. 
    
    
  7.     <in.srain.cube.views.ptr.PtrClassicFrameLayout
    8. 
    
    
  8.         android:id="@+id/fragment_rotate_header_with_text_view_frame"
    9. 
    
    
  9.         xmlns:cube_ptr="http://schemas.android.com/apk/res-auto"
    10. 
    
    
  10.         android:layout_width="match_parent"
    11. 
    
    
  11.         android:layout_height="match_parent"
    12. 
    
    
  12.         android:background="#fff"
    13. 
    
    
  13.         cube_ptr:ptr_duration_to_close="200"
    14. 
    
    
  14.         cube_ptr:ptr_duration_to_close_header="1000"
    15. 
    
    
  15.         cube_ptr:ptr_keep_header_when_refresh="true"
    16. 
    
    
  16.         cube_ptr:ptr_pull_to_fresh="false"
    17. 
    
    
  17.         cube_ptr:ptr_ratio_of_header_height_to_refresh="1.2"
    18. 
    
    
  18.         cube_ptr:ptr_resistance="1.7">
    19. 
    
    
    20. 
    
    
  20.         <WebView
    21. 
    
    
  21.             android:layout_width="match_parent"
    22. 
    
    
  22.             android:layout_height="match_parent"
    23. 
    
    
  23.             android:id="@+id/mweb">
    24. 
    
    
    25. 
    
    
  25.         </WebView>
    26. 
    
    
  26.     </in.srain.cube.views.ptr.PtrClassicFrameLayout>
    27. 
    
    
  27. </RelativeLayout>
    28.

3、在Activity中初始化

获取PtrClassicFrameLayout，并复写其中的onRefreshBegin()及checkCanDoRefresh()方法。

   
   
    

  1. final PtrClassicFrameLayout ptrFrame = (PtrClassicFrameLayout) findViewById(R.id.fragment_rotate_header_with_text_view_frame);
    2. 
    
    
  2.         ptrFrame.setLastUpdateTimeRelateObject(this);
    3. 
    
    
  3.         ptrFrame.setPtrHandler(new PtrDefaultHandler() {
    4. 
    
    
  4.             @Override
    5. 
    
    
  5.             public void onRefreshBegin(PtrFrameLayout frame) {
    6. 
    
    
  6.                 frame.postDelayed(new Runnable() {
    7. 
    
    
  7.                     @Override
    8. 
    
    
  8.                     public void run() {
    9. 
    
    
  9.                         ptrFrame.refreshComplete();
    10. 
    
    
  10.                     }
    11. 
    
    
  11.                 }, 1500);
    12. 
    
    
  12.             }
    13. 
    
    
    14. 
    
    
  14.             @Override
    15. 
    
    
  15.             public boolean checkCanDoRefresh(PtrFrameLayout frame, View content, View header) {
    16. 
    
    
  16.                 return !content.canScrollVertically(-1);
    17. 
    
    
  17.             }
    18. 
    
    
  18.         });
    19.
其中在checkCanDoRefresh中需要加return !content.canScrollVertically(-1);这句主要是用于判断WebView当前页面是否滑动在顶部，若在顶部才允许下拉刷新；否则，在网页中间也能下拉刷新就GG了。

4、Webview设置，对于需要加载复杂页面的情况，需要对WebView进行相应的设置。

   
   
    

  1. WebSettings webSettings = mWeb.getSettings();
    2. 
    
    
  2. //设置页面支持JS
    3. 
    
    
  3. webSettings.setJavaScriptEnabled(true);
    4. 
    
    
  4. webSettings.setJavaScriptCanOpenWindowsAutomatically(true);
    5. 
    
    
  5. //设置使用缓存
    6. 
    
    
  6. webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
    7.

最后拦截返回键，使得在浏览网页时返回键控制网页后退，而不是退出当前Activity。

   
   
    

  1. @Override
    2. 
    
    
  2.     public boolean onKeyDown(int keyCode, KeyEvent event) {
    3. 
    
    
  3.         if(keyCode==KeyEvent.KEYCODE_BACK)
    4. 
    
    
  4.         {
    5. 
    
    
  5.             if(mWeb.canGoBack())
    6. 
    
    
  6.             {
    7. 
    
    
  7.                 mWeb.goBack();//返回上一页面
    8. 
    
    
  8.                 return true;
    9. 
    
    
  9.             }
    10. 
    
    
  10.             else
    11. 
    
    
  11.             {
    12. 
    
    
  12.                 System.exit(0);//退出程序
    13. 
    
    
  13.             }
    14. 
    
    
  14.         }
    15. 
    
    
  15.         return super.onKeyDown(keyCode, event);
    16. 
    
    
  16.     }
    17.

5、自定义Header

  • MaterialHeader

布局将上面的PtrClassicFrameLayout替换为PtrFrameLayout，其它基本不变。在Activity中获取此PtrFrameLayout。StroeHouse风格的header同样使用PtrFrameLayout，需要设置显示的字样字母A-Z等字符。

   
   
    

  1. final PtrFrameLayout ptrFrame = (PtrFrameLayout) findViewById(R.id.fragment_home_ptr_frame);
    2. 
    
    
  2. MaterialHeader header = new MaterialHeader(this);//采用MaterialHeader风格header
    3. 
    
    
  3. header.setPadding(0, LocalDisplay.dp2px(20), 0, LocalDisplay.dp2px(20));//设置header
    4. 
    
    
  4. ptrFrame.setDurationToCloseHeader(1500);
    5. 
    
    
  5.         ptrFrame.setHeaderView(header);
    6. 
    
    
  6.         ptrFrame.addPtrUIHandler(header);
    7. 
    
    
  7.         ptrFrame.setPtrHandler(new PtrDefaultHandler() {
    8. 
    
    
  8.             @Override
    9. 
    
    
  9.             public void onRefreshBegin(PtrFrameLayout frame) {
    10. 
    
    
  10.                 frame.postDelayed(new Runnable() {
    11. 
    
    
  11.                     @Override
    12. 
    
    
  12.                     public void run() {
    13. 
    
    
  13.                         ptrFrame.refreshComplete();
    14. 
    
    
  14.                     }
    15. 
    
    
  15.                 }, 1500);
    16. 
    
    
  16.             }
    17. 
    
    
    18. 
    
    
  18.             @Override
    19. 
    
    
  19.             public boolean checkCanDoRefresh(PtrFrameLayout frame, View content, View header) {
    20. 
    
    
  20.                 return !content.canScrollVertically(-1);
    21. 
    
    
  21.             }
    22. 
    
    
  22.         });
    23.

经典Header与Material风格header如下

android-Ultra-Pull-To-Refresh实现下拉刷新WebViewandroid-Ultra-Pull-To-Refresh实现下拉刷新WebView
标签：

相关文章