碼上快樂

相關內容    簡體    繁體

PullToRefreshListView 應用講解

本文轉載自   查看原文   2014-11-14 15:44   75427    android開發/ PullToRefresh/ android

轉載於http://blog.csdn.net/mmjiajia132/article/details/40397813

PullToRefreshListView 用法和ListView 沒有什么區別  listview能用的屬性 pulltorefresh也能用

我一直認為動手是最好的學習方法...

一：首先看布局文件

 

[java]  view plain copy 在CODE上查看代碼片 派生到我的代碼片
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="match_parent"  
  5.     android:orientation="vertical" >  
  6.       
  7.     <!--     ptr:ptrAnimationStyle="flip"  flip:翻轉  rotate:旋轉-->  
  8.     <!--     ptr:ptrShowIndicator="true"  右上角 右下角出現箭頭-->  
  9.     <com.handmark.pulltorefresh.library.PullToRefreshListView  
  10.         xmlns:ptr="http://schemas.android.com/apk/res-auto"  
  11.         android:id="@+id/pullToRefresh"  
  12.         android:layout_width="match_parent"  
  13.         android:layout_height="wrap_content"  
  14.         ptr:ptrDrawable="@drawable/default_ptr_flip"   
  15.         ptr:ptrAnimationStyle="flip"  
  16.         ptr:ptrHeaderBackground="#383838"  
  17.         ptr:ptrHeaderTextColor="#FFFFFF"  
  18.         />  
  19.   
  20. </LinearLayout>  


ptr是pullToRefresh的配置屬性 使用是需要添加 xmlns:ptr="http://schemas.android.com/apk/res-auto"

 

ptr:ptrDrawable=“” 上拉下拉圖標
ptr:ptrAnimationStyle=""  圖標動畫  取值： flip:翻轉 rotate旋轉
ptr:ptrHeaderBackground=""  上拉下拉時 頭部的背景色
ptr:ptrHeaderTextColor=""     上拉下拉時 文字顏色

還有一些常用屬性

ptrRefreshableViewBackground 設置整個mPullRefreshListView的背景色

 

ptrScrollingWhileRefreshingEnabled刷新的時候，是否允許ListView或GridView滾動。覺得為true比較好。

ptrListViewExtrasEnabled 決定了Header，Footer以何種方式加入mPullRefreshListView，true為headView方式加入，就是滾動時刷新頭部會一起滾動。

注：上述屬性都可以代碼添加，請用pullToRefresh.set查看

二：MainActivity代碼

 

[java]  view plain copy 在CODE上查看代碼片 派生到我的代碼片
  1. public class MainActivity extends ActionBarActivity {  
  2.       
  3.     private PullToRefreshListView pullToRefresh;  
  4.     private List<PullBean> data = new ArrayList<PullBean>();  
  5.     MyAdapter adapter;  
  6.     @Override  
  7.     protected void onCreate(Bundle savedInstanceState) {  
  8.         super.onCreate(savedInstanceState);  
  9.         setContentView(R.layout.main);  
  10.         pullToRefresh = (PullToRefreshListView) findViewById(R.id.pullToRefresh);  
  11.         data = getData();  
  12.         adapter = new MyAdapter(this);  
  13.         pullToRefresh.setAdapter(adapter);  
  14.         /* 
  15.          * Mode.BOTH：同時支持上拉下拉 
  16.          * Mode.PULL_FROM_START：只支持下拉Pulling Down 
  17.          * Mode.PULL_FROM_END：只支持上拉Pulling Up 
  18.          */  
  19.         /* 
  20.          * 如果Mode設置成Mode.BOTH，需要設置刷新Listener為OnRefreshListener2，並實現onPullDownToRefresh()、onPullUpToRefresh()兩個方法。  
  21.          * 如果Mode設置成Mode.PULL_FROM_START或Mode.PULL_FROM_END，需要設置刷新Listener為OnRefreshListener，同時實現onRefresh()方法。 
  22.          * 當然也可以設置為OnRefreshListener2，但是Mode.PULL_FROM_START的時候只調用onPullDownToRefresh()方法， 
  23.          * Mode.PULL_FROM的時候只調用onPullUpToRefresh()方法.  
  24.          */  
  25.         pullToRefresh.setMode(Mode.BOTH);  
  26.         init();  
  27.           
  28.         /* 
  29.          * setOnRefreshListener(OnRefreshListener listener):設置刷新監聽器； 
  30.          * setOnLastItemVisibleListener(OnLastItemVisibleListener listener):設置是否到底部監聽器； 
  31.          * setOnPullEventListener(OnPullEventListener listener);設置事件監聽器； 
  32.          * onRefreshComplete()：設置刷新完成 
  33.          */  
  34.         /* 
  35.          * pulltorefresh.setOnScrollListener() 
  36.          */  
  37.         // SCROLL_STATE_TOUCH_SCROLL(1) 正在滾動      
  38.         // SCROLL_STATE_FLING(2) 手指做了拋的動作（手指離開屏幕前，用力滑了一下）      
  39.         // SCROLL_STATE_IDLE(0) 停止滾動         
  40.         /* 
  41.          * setOnLastItemVisibleListener 
  42.          * 當用戶拉到底時調用   
  43.          */  
  44.         /* 
  45.          * setOnTouchListener是監控從點下鼠標 （可能拖動鼠標）到放開鼠標（鼠標可以換成手指）的整個過程 ，他的回調函數是onTouchEvent（MotionEvent event）, 
  46.          * 然后通過判斷event.getAction()是MotionEvent.ACTION_UP還是ACTION_DOWN還是ACTION_MOVE分別作不同行為。 
  47.          * setOnClickListener的監控時間只監控到手指ACTION_DOWN時發生的行為 
  48.          */  
  49.         pullToRefresh.setOnRefreshListener(new OnRefreshListener2<ListView>(){  
  50.             @Override  
  51.             public void onPullDownToRefresh(  
  52.                     PullToRefreshBase<ListView> refreshView) {  
  53.                 // TODO Auto-generated method stub  
  54.                  PullBean bean = new PullBean();  
  55.                  bean.setTitle("下拉刷新");  
  56.                  bean.setContent("我的神");  
  57.                  adapter.addFirst(bean);  
  58.                  new FinishRefresh().execute();  
  59.                  adapter.notifyDataSetChanged();  
  60.             }  
  61.               
  62.             @Override  
  63.             public void onPullUpToRefresh(  
  64.                     PullToRefreshBase<ListView> refreshView) {  
  65.                 // TODO Auto-generated method stub  
  66.                 PullBean bean = new PullBean();  
  67.                 bean.setTitle("上拉刷新");  
  68.                 bean.setContent("我的神");  
  69.                 adapter.addLast(bean);  
  70.                 new FinishRefresh().execute();  
  71.                 adapter.notifyDataSetChanged();  
  72.             }  
  73.         });  
  74.           
  75.       
  76. //      pullToRefresh.setOnRefreshListener(new OnRefreshListener<ListView>() {  
  77. //  
  78. //          @Override  
  79. //          public void onRefresh(PullToRefreshBase<ListView> refreshView) {  
  80. //              // TODO Auto-generated method stub  
  81. //              String label = DateUtils.formatDateTime(getApplicationContext(), System.currentTimeMillis(),    
  82. //                        DateUtils.FORMAT_SHOW_TIME | DateUtils.FORMAT_SHOW_DATE | DateUtils.FORMAT_ABBREV_ALL);    
  83. //    
  84. //                // Update the LastUpdatedLabel    
  85. //                refreshView.getLoadingLayoutProxy().setLastUpdatedLabel(label);  
  86. //                PullBean bean = new PullBean();  
  87. //                bean.setTitle("我的神");  
  88. //                bean.setContent("我的神");  
  89. //                adapter.addFirst(bean);  
  90. //                new FinishRefresh().execute();  
  91. //          }  
  92. //            
  93. //      });  
  94.     }  
  95.       
  96.     private void init()    
  97.     {    
  98.         ILoadingLayout startLabels = pullToRefresh    
  99.                 .getLoadingLayoutProxy(true, false);    
  100.         startLabels.setPullLabel("下拉刷新...");// 剛下拉時，顯示的提示    
  101.         startLabels.setRefreshingLabel("正在載入...");// 刷新時    
  102.         startLabels.setReleaseLabel("放開刷新...");// 下來達到一定距離時，顯示的提示    
  103.     
  104.         ILoadingLayout endLabels = pullToRefresh.getLoadingLayoutProxy(    
  105.                 false, true);    
  106.         endLabels.setPullLabel("上拉刷新...");// 剛下拉時，顯示的提示    
  107.         endLabels.setRefreshingLabel("正在載入...");// 刷新時    
  108.         endLabels.setReleaseLabel("放開刷新...");// 下來達到一定距離時，顯示的提示    
  109.           
  110. //      // 設置下拉刷新文本  
  111. //      pullToRefresh.getLoadingLayoutProxy(false, true)  
  112. //              .setPullLabel("上拉刷新...");  
  113. //      pullToRefresh.getLoadingLayoutProxy(false, true).setReleaseLabel(  
  114. //              "放開刷新...");  
  115. //      pullToRefresh.getLoadingLayoutProxy(false, true).setRefreshingLabel(  
  116. //              "正在加載...");  
  117. //      // 設置上拉刷新文本  
  118. //      pullToRefresh.getLoadingLayoutProxy(true, false)  
  119. //              .setPullLabel("下拉刷新...");  
  120. //      pullToRefresh.getLoadingLayoutProxy(true, false).setReleaseLabel(  
  121. //              "放開刷新...");  
  122. //      pullToRefresh.getLoadingLayoutProxy(true, false).setRefreshingLabel(  
  123. //              "正在加載...");  
  124.     }    
  125.       
  126.     private List<PullBean> getData(){  
  127.         List<PullBean> list = new ArrayList<PullBean>();  
  128.         for(int i = 0;i < 10;i ++){  
  129.             PullBean bean = new PullBean();  
  130.             bean.setTitle("item " + i + " 搜索業務增速下滑 Google廉頗老矣?");  
  131.             bean.setContent("Google於10月17日發布了2014年第三季度財報");  
  132.             list.add(bean);  
  133.         }  
  134.           
  135.         return list;  
  136.     }  
  137.       
  138.     private class FinishRefresh extends AsyncTask<Void, Void, Void>{    
  139.         @Override    
  140.         protected Void doInBackground(Void... params) {    
  141.              try {    
  142.                  Thread.sleep(1000);    
  143.              } catch (InterruptedException e) {    
  144.              }    
  145.             return null;    
  146.         }    
  147.      
  148.         @Override    
  149.         protected void onPostExecute(Void result){    
  150. //          adapter.notifyDataSetChanged();  
  151.             pullToRefresh.onRefreshComplete();    
  152.         }    
  153.     }    
  154.       
  155.     private class MyAdapter extends BaseAdapter{  
  156.         private LayoutInflater mInflater;  
  157.           
  158.         public MyAdapter(Context context) {  
  159.             // TODO Auto-generated constructor stub  
  160.             mInflater = LayoutInflater.from(context);  
  161.         }  
  162.           
  163.         public void addFirst(PullBean bean){  
  164.             data.add(0, bean);  
  165.         }  
  166.           
  167.         public void addLast(PullBean bean){  
  168.             data.add(bean);  
  169.         }  
  170.           
  171.         @Override  
  172.         public int getCount() {  
  173.             // TODO Auto-generated method stub  
  174.             return data.size();  
  175.         }  
  176.           
  177.         @Override  
  178.         public Object getItem(int position) {  
  179.             // TODO Auto-generated method stub  
  180.             return data.get(position);  
  181.         }  
  182.           
  183.         @Override  
  184.         public long getItemId(int position) {  
  185.             // TODO Auto-generated method stub  
  186.             return 0;  
  187.         }  
  188.           
  189.         @Override  
  190.         public View getView(int position, View convertView, ViewGroup parent) {  
  191.             // TODO Auto-generated method stub  
  192.             ViewHolder viewHolder = null;  
  193.             if(convertView == null){  
  194.                 viewHolder = new ViewHolder();  
  195.                 convertView = mInflater.inflate(R.layout.item, null);  
  196.                 viewHolder.title = (TextView) convertView.findViewById(R.id.title);  
  197.                 viewHolder.content = (TextView) convertView.findViewById(R.id.content);  
  198.                   
  199.                 convertView.setTag(viewHolder);  
  200.             }else{  
  201.                 viewHolder = (ViewHolder) convertView.getTag();  
  202.             }  
  203.               
  204.             viewHolder.title.setText(data.get(position).getTitle());  
  205.             viewHolder.content.setText(data.get(position).getContent());  
  206.               
  207.             return convertView;  
  208.         }  
  209.           
  210.         class ViewHolder{  
  211.             TextView title;  
  212.             TextView content;  
  213.         }  
  214.     }  
  215.   
  216.       
  217.   
  218. }  


pullToRefresh適配器Adapter和listview也是繼承於BaseAdapter 看一下item的布局

 

item.xml

 

[java]  view plain copy 在CODE上查看代碼片 派生到我的代碼片
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="match_parent"  
  5.     android:padding="5dp"  
  6.     android:orientation="vertical" >  
  7.       
  8.     <TextView  
  9.         android:id="@+id/title"  
  10.         android:layout_width="wrap_content"  
  11.         android:layout_height="wrap_content"  
  12.         android:textSize="18sp"  
  13.         android:textColor="#BA55D3"  
  14.         android:text="我的神"/>  
  15.       
  16.     <TextView   
  17.         android:id="@+id/content"  
  18.         android:layout_width="wrap_content"  
  19.         android:layout_height="wrap_content"  
  20.         android:textSize="14.0sp"  
  21.         android:layout_marginTop="5dp"  
  22.         android:textColor="#7CFC00"  
  23.         android:text="我的神"/>  
  24. </LinearLayout>  


pullToRefresh 通過setMode來設置是否可以上拉下拉

 

Mode.BOTH：同時支持上拉下拉

Mode.PULL_FROM_START：只支持下拉Pulling Down

Mode.PULL_FROM_END：只支持上拉Pulling Up

也可以用 ptr:ptrMode="both"

可選值為：disabled（禁用下拉刷新），pullFromStart（僅支持下拉刷新），pullFromEnd（僅支持上拉刷新），both（二者都支持），manualOnly（只允許手動觸發）

如果Mode設置成Mode.BOTH，需要設置刷新Listener為OnRefreshListener2，並實現onPullDownToRefresh()、onPullUpToRefresh()兩個方法。 

如果Mode設置成Mode.PULL_FROM_START或Mode.PULL_FROM_END，需要設置刷新Listener為OnRefreshListener，同時實現onRefresh()方法。

當然也可以設置為OnRefreshListener2，但是Mode.PULL_FROM_START的時候只調用onPullDownToRefresh()方法，Mode.PULL_FROM的時候只調用onPullUpToRefresh()方法.

如果想上拉、下拉刷新的時候 做一樣的操作，那就用OnRefreshListener，上拉下拉的時候都調用

如果想上拉、下拉做不一樣的的操作，那就在setOnRefreshListener時 用new OnRefreshListener2<ListView>

當然如果想自己設置上拉下拉中的文字 可以這樣

 

[java]  view plain copy 在CODE上查看代碼片 派生到我的代碼片
  1. ILoadingLayout startLabels = pullToRefresh    
  2.          .getLoadingLayoutProxy(true, false);    
  3.  startLabels.setPullLabel("下拉刷新...");// 剛下拉時，顯示的提示    
  4.  startLabels.setRefreshingLabel("正在載入...");// 刷新時    
  5.  startLabels.setReleaseLabel("放開刷新...");// 下來達到一定距離時，顯示的提示    
  6.   
  7.  ILoadingLayout endLabels = pullToRefresh.getLoadingLayoutProxy(    
  8.          false, true);    
  9.  endLabels.setPullLabel("上拉刷新...");// 剛下拉時，顯示的提示    
  10.  endLabels.setRefreshingLabel("正在載入...");// 刷新時    
  11.  endLabels.setReleaseLabel("放開刷新...");// 下來達到一定距離時，顯示的提示    

 

當然也可以這樣

 

[java]  view plain copy 在CODE上查看代碼片 派生到我的代碼片
  1.              pullToRefresh.getLoadingLayoutProxy(false, true)  
  2.         .setPullLabel("上拉刷新...");  
  3. pullToRefresh.getLoadingLayoutProxy(false, true).setReleaseLabel(  
  4.         "放開刷新...");  
  5. pullToRefresh.getLoadingLayoutProxy(false, true).setRefreshingLabel(  
  6.         "正在加載...");  
  7. // 設置上拉刷新文本  
  8. pullToRefresh.getLoadingLayoutProxy(true, false)  
  9.         .setPullLabel("下拉刷新...");  
  10. pullToRefresh.getLoadingLayoutProxy(true, false).setReleaseLabel(  
  11.         "放開刷新...");  
  12. pullToRefresh.getLoadingLayoutProxy(true, false).setRefreshingLabel(  
  13.         "正在加載...");  

 

 

顯然在實際操作的時候也會用到其他監聽

 setOnScrollListener()

 SCROLL_STATE_TOUCH_SCROLL 正在滾動    
 SCROLL_STATE_FLING 手指做了拋的動作（手指離開屏幕前，用力滑了一下）    
 SCROLL_STATE_IDLE 停止滾動     

setOnLastItemVisibleListener

當用戶拉到底時調用  

setOnItemClickListener()

為pullToRefresh中每一個item設置事件

代碼下載：點擊下載代碼

下拉上拉 圖標和文字 位置改動是在PullToRefresh源代碼中改的即：PullToRefreshListView.handleStyledAttributes 中lp的Gravity改為CENTER_VERTICAL

如果想要改動圖標和文字的距離和布局 在這library項目下這兩個文件改

pull_to_refresh_header_horizontal.xml

pull_to_refresh_header_vertical.xml

參考博客：

http://blog.csdn.net/lmj623565791/article/details/38238749

http://blog.csdn.net/harvic880925/article/details/17680305

謝謝原作者

持續更新ing MMjiajia132


免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。



猜您在找 Android--PullToRefreshListView 的簡單使用 tomcat多版本war應用部署(實例講解) HyperLogLog 算法的原理講解以及 Redis 是如何應用它的 [Android Pro] PullToRefreshListView怎么設置各個item之間的間距 Android PullToRefreshListView上拉刷新和下拉刷新 C/C++中substr函數的應用(簡單講解) C#回調函數的簡單講解與應用例子 Ansible應用總結【第九篇】： Ansible之API講解 ThinkPHP 3.2公共類庫、應用類庫ThinkPHP/Library講解 OAuth 2.0 授權方式講解，規范實踐和應用
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM