Android下拉刷新，在目前好多应用被使用到。

比如微博，下拉刷新更多数据。

一般我们在运用的ListView，本身就实现了下拉获取更多数据。只是这个下拉刷新的操作时在listView拉到底端的监听。


对于ListView刷新，我们可以分为两种情况：

1.获取更多的数据，按服务器数据库时间顺序存储入情况，此刻我们是获取是显示在我们应用中的数据更早前的数据，这也是最常见的情况。

比如（微博获取更多信息，就是获取更多更早前的信息，然后动态的添加到已有的数据的下方）；

2.获取更多的最新的数据，其实还是一种获取更多的操作方式。但是这里主要考虑到用户的操作习惯了。一般，用户的操作习惯分这么两种

第一种，获取下一页，第二种，类似于网页的F5刷新，停留在当前页面的刷新。

ListView刷新其实类似于网页。如果没用下拉刷新，那么用户得将ListView拖拉到最后（当然也可以是在界面顶端添加一个刷新按钮控件，但是，对于手机这样界面不是很大，这样的设计其实是不应太多的。），如果数据太多，那么用户要下拉到很下面才能执行刷新。而对于大多数用户习惯，获取更多的最新资讯后，希望他添加的时候是在界面最上面的显眼处的。也就是，用户还是喜欢的是懒操作，在同一个可显示界面完成所有操作。那么，下拉刷新是一个不错的设计。

效果图：正常状态


下拉刷新：

基本效果就是这样。

自定义控件代码

[java] view plain copy print ?
  1. /**
  2. *刷新控制view
  3. *
  4. *@authorNono
  5. *
  6. */
  7. publicclassRefreshableViewextendsLinearLayout{
  9. privatestaticfinalStringTAG="LILITH";
  10. privateScrollerscroller;
  11. privateViewrefreshView;
  12. privateImageViewrefreshIndicatorView;
  13. privateintrefreshTargetTop=-60;
  14. privateProgressBarbar;
  15. privateTextViewdownTextView;
  16. privateTextViewtimeTextView;
  18. privateRefreshListenerrefreshListener;
  20. privateStringdownTextString;
  21. privateStringreleaseTextString;
  23. privateLongrefreshTime=null;
  24. privateintlastX;
  25. privateintlastY;
  26. //拉动标记
  27. privatebooleanisDragging=false;
  28. //是否可刷新标记
  29. privatebooleanisRefreshEnabled=true;
  30. //在刷新中标记
  31. privatebooleanisRefreshing=false;
  34. privateContextmContext;
  35. publicRefreshableView(Contextcontext){
  36. super(context);
  37. mContext=context;
  39. }
  40. publicRefreshableView(Contextcontext,AttributeSetattrs){
  41. super(context,attrs);
  42. mContext=context;
  43. init();
  45. }
  46. privatevoidinit(){
  47. //TODOAuto-generatedmethodstub
  48. //滑动对象，
  49. scroller=newScroller(mContext);
  51. //刷新视图顶端的的view
  52. refreshView=LayoutInflater.from(mContext).inflate(R.layout.refresh_top_item,null);
  53. //指示器view
  54. refreshIndicatorView=(ImageView)refreshView.findViewById(R.id.indicator);
  55. //刷新bar
  56. bar=(ProgressBar)refreshView.findViewById(R.id.progress);
  57. //下拉显示text
  58. downTextView=(TextView)refreshView.findViewById(R.id.refresh_hint);
  59. //下来显示时间
  60. timeTextView=(TextView)refreshView.findViewById(R.id.refresh_time);
  62. LayoutParamslp=newLinearLayout.LayoutParams(LayoutParams.FILL_PARENT,-refreshTargetTop);
  63. lp.topMargin=refreshTargetTop;
  64. lp.gravity=Gravity.CENTER;
  65. addView(refreshView,lp);
  66. downTextString=mContext.getResources().getString(R.string.refresh_down_text);
  67. releaseTextString=mContext.getResources().getString(R.string.refresh_release_text);
  68. }
  73. /**
  74. *刷新
  75. *@paramtime
  76. */
  77. privatevoidsetRefreshText(Stringtime){
  78. //TODOAuto-generatedmethodstub
  79. //timeTextView.setText(time);
  80. }
  84. @Override
  85. publicbooleanonTouchEvent(MotionEventevent){
  87. inty=(int)event.getRawY();
  90. switch(event.getAction()){
  91. caseMotionEvent.ACTION_DOWN:
  92. //记录下y坐标
  93. lastY=y;
  94. break;
  96. caseMotionEvent.ACTION_MOVE:
  97. Log.i(TAG,"ACTION_MOVE");
  98. //y移动坐标
  99. intm=y-lastY;
  100. if(((m<6)&&(m>-1))||(!isDragging)){
  101. doMovement(m);
  102. }
  103. //记录下此刻y坐标
  104. this.lastY=y;
  105. break;
  107. caseMotionEvent.ACTION_UP:
  108. Log.i(TAG,"ACTION_UP");
  110. fling();
  112. break;
  113. }
  114. returntrue;
  115. }
  118. /**
  119. *up事件处理
  120. */
  121. privatevoidfling(){
  122. //TODOAuto-generatedmethodstub
  123. LinearLayout.LayoutParamslp=(LayoutParams)refreshView.getLayoutParams();
  124. Log.i(TAG,"fling()"+lp.topMargin);
  125. if(lp.topMargin>0){//拉到了触发可刷新事件
  126. refresh();
  127. }else{
  128. returnInitState();
  129. }
  130. }
  134. privatevoidreturnInitState(){
  135. //TODOAuto-generatedmethodstub
  136. LinearLayout.LayoutParamslp=(LinearLayout.LayoutParams)this.refreshView.getLayoutParams();
  137. inti=lp.topMargin;
  138. scroller.startScroll(0,i,0,refreshTargetTop);
  139. invalidate();
  140. }
  141. privatevoidrefresh(){
  142. //TODOAuto-generatedmethodstub
  143. LinearLayout.LayoutParamslp=(LinearLayout.LayoutParams)this.refreshView.getLayoutParams();
  144. inti=lp.topMargin;
  145. refreshIndicatorView.setVisibility(View.GONE);
  146. bar.setVisibility(View.VISIBLE);
  147. timeTextView.setVisibility(View.GONE);
  148. downTextView.setVisibility(View.GONE);
  149. scroller.startScroll(0,i,0,0-i);
  150. invalidate();
  151. if(refreshListener!=null){
  152. refreshListener.onRefresh(this);
  153. isRefreshing=true;
  154. }
  155. }
  157. /**
  158. *
  159. */
  160. @Override
  161. publicvoidcomputeScroll(){
  162. //TODOAuto-generatedmethodstub
  163. if(scroller.computeScrollOffset()){
  164. inti=this.scroller.getCurrY();
  165. LinearLayout.LayoutParamslp=(LinearLayout.LayoutParams)this.refreshView.getLayoutParams();
  166. intk=Math.max(i,refreshTargetTop);
  167. lp.topMargin=k;
  168. this.refreshView.setLayoutParams(lp);
  169. this.refreshView.invalidate();
  170. invalidate();
  171. }
  172. }
  173. /**
  174. *下拉move事件处理
  175. *@parammoveY
  176. */
  177. privatevoiddoMovement(intmoveY){
  178. //TODOAuto-generatedmethodstub
  179. LinearLayout.LayoutParamslp=(LayoutParams)refreshView.getLayoutParams();
  180. if(moveY>0){
  181. //获取view的上边距
  182. floatf1=lp.topMargin;
  183. floatf2=moveY*0.3F;
  184. inti=(int)(f1+f2);
  185. //修改上边距
  186. lp.topMargin=i;
  187. //修改后刷新
  188. refreshView.setLayoutParams(lp);
  189. refreshView.invalidate();
  190. invalidate();
  191. }
  192. timeTextView.setVisibility(View.VISIBLE);
  193. if(refreshTime!=null){
  194. setRefreshTime(refreshTime);
  195. }
  196. downTextView.setVisibility(View.VISIBLE);
  198. refreshIndicatorView.setVisibility(View.VISIBLE);
  199. bar.setVisibility(View.GONE);
  200. if(lp.topMargin>0){
  201. downTextView.setText(R.string.refresh_release_text);
  202. refreshIndicatorView.setImageResource(R.drawable.refresh_arrow_up);
  203. }else{
  204. downTextView.setText(R.string.refresh_down_text);
  205. refreshIndicatorView.setImageResource(R.drawable.refresh_arrow_down);
  206. }
  208. }
  210. publicvoidsetRefreshEnabled(booleanb){
  211. this.isRefreshEnabled=b;
  212. }
  214. publicvoidsetRefreshListener(RefreshListenerlistener){
  215. this.refreshListener=listener;
  216. }
  218. /**
  219. *刷新时间
  220. *@paramrefreshTime2
  221. */
  222. privatevoidsetRefreshTime(Longtime){
  223. //TODOAuto-generatedmethodstub
  225. }
  227. /**
  228. *结束刷新事件
  229. */
  230. publicvoidfinishRefresh(){
  231. Log.i(TAG,"执行了=====finishRefresh");
  232. LinearLayout.LayoutParamslp=(LinearLayout.LayoutParams)this.refreshView.getLayoutParams();
  233. inti=lp.topMargin;
  234. refreshIndicatorView.setVisibility(View.VISIBLE);
  235. timeTextView.setVisibility(View.VISIBLE);
  236. scroller.startScroll(0,i,0,refreshTargetTop);
  237. invalidate();
  238. isRefreshing=false;
  239. }
  242. /*该方法一般和ontouchEvent一起用
  243. *(non-Javadoc)
  244. *@seeandroid.view.ViewGroup#onInterceptTouchEvent(android.view.MotionEvent)
  245. */
  246. @Override
  247. publicbooleanonInterceptTouchEvent(MotionEvente){
  248. //TODOAuto-generatedmethodstub
  249. intaction=e.getAction();
  250. inty=(int)e.getRawY();
  251. switch(action){
  252. caseMotionEvent.ACTION_DOWN:
  253. lastY=y;
  254. break;
  256. caseMotionEvent.ACTION_MOVE:
  257. //y移动坐标
  258. intm=y-lastY;
  260. //记录下此刻y坐标
  261. this.lastY=y;
  262. if(m>6&&canScroll()){
  263. returntrue;
  264. }
  265. break;
  266. caseMotionEvent.ACTION_UP:
  268. break;
  270. caseMotionEvent.ACTION_CANCEL:
  272. break;
  273. }
  274. returnfalse;
  275. }
  276. privatebooleancanScroll(){
  277. //TODOAuto-generatedmethodstub
  278. ViewchildView;
  279. if(getChildCount()>1){
  280. childView=this.getChildAt(1);
  281. if(childViewinstanceofListView){
  282. inttop=((ListView)childView).getChildAt(0).getTop();
  283. intpad=((ListView)childView).getListPaddingTop();
  284. if((Math.abs(top-pad))<3&&
  285. ((ListView)childView).getFirstVisiblePosition()==0){
  286. returntrue;
  287. }else{
  288. returnfalse;
  289. }
  290. }elseif(childViewinstanceofScrollView){
  291. if(((ScrollView)childView).getScrollY()==0){
  292. returntrue;
  293. }else{
  294. returnfalse;
  295. }
  296. }
  298. }
  299. returnfalse;
  300. }
  301. /**
  302. *刷新监听接口
  303. *@authorNono
  304. *
  305. */
  306. publicinterfaceRefreshListener{
  307. publicvoidonRefresh(RefreshableViewview);
  308. }
  309. }

此控件自定义实现一个线性布局，内部包含一个第一个子控件，刷新显示的View。

因为对于ListView下拉刷新的例子网上挺多的，上次我朋友也做，说特么弄了一个礼拜发现一个问题，listview里面条目太少时，刷新的view就会显示出来。

我没具体看过那个代码，也不知道到底什么情况。

自个定义的稍微用了点小技巧。即，我将刷新view的topMargin设置为了该view的高度的负数，那么，他就刚好隐藏起来了。

对于上面那个对于条目太少而造成刷新的view显示的bug有所解决。

[java] view plain copy print ?
  1. @Override
  2. publicbooleanonTouchEvent(MotionEventevent){
  4. inty=(int)event.getRawY();
  7. switch(event.getAction()){
  8. caseMotionEvent.ACTION_DOWN:
  9. //记录下y坐标
  10. lastY=y;
  11. break;
  13. caseMotionEvent.ACTION_MOVE:
  14. Log.i(TAG,"ACTION_MOVE");
  15. //y移动坐标
  16. intm=y-lastY;
  17. if(((m<6)&&(m>-1))||(!isDragging)){
  18. doMovement(m);
  19. }
  20. //记录下此刻y坐标
  21. this.lastY=y;
  22. break;
  24. caseMotionEvent.ACTION_UP:
  25. Log.i(TAG,"ACTION_UP");
  27. fling();
  29. break;
  30. }
  31. returntrue;
  32. }
  35. /*该方法一般和ontouchEvent一起用
  36. *(non-Javadoc)
  37. *@seeandroid.view.ViewGroup#onInterceptTouchEvent(android.view.MotionEvent)
  38. */
  39. @Override
  40. publicbooleanonInterceptTouchEvent(MotionEvente){
  41. //TODOAuto-generatedmethodstub
  42. intaction=e.getAction();
  43. inty=(int)e.getRawY();
  44. switch(action){
  45. caseMotionEvent.ACTION_DOWN:
  46. lastY=y;
  47. break;
  49. caseMotionEvent.ACTION_MOVE:
  50. //y移动坐标
  51. intm=y-lastY;
  53. //记录下此刻y坐标
  54. this.lastY=y;
  55. if(m>6&&canScroll()){
  56. returntrue;
  57. }
  58. break;
  59. caseMotionEvent.ACTION_UP:
  61. break;
  63. caseMotionEvent.ACTION_CANCEL:
  65. break;
  66. }
  67. returnfalse;
  68. }

控件使用：

[html] view plain copy print ?
  1. <PREclass=htmlname="code"><com.xxx.xxxx.view.RefreshableViewandroid:orientation="vertical"android:id="@+id/refresh_root"
  2. android:layout_width="fill_parent"android:layout_height="wrap_content"
  3. xmlns:android="http://schemas.android.com/apk/res/android">
  5. <ListViewandroid:id="@+id/def_list"android:layout_width="fill_parent"
  6. android:scrollbars="none"android:fadingEdge="none"
  7. android:layout_height="wrap_content"android:scrollingCache="false">
  8. </ListView>
  9. </com.xxxx.xxxxx.view.RefreshableView></PRE><PREstyle="BACKGROUND-COLOR:rgb(255,255,255)"class=htmlname="code"><PREstyle="BACKGROUND-COLOR:rgb(255,255,255)"class=htmlname="code"></PRE>
  10. <P></P>
  11. <P></P>
  12. <P>即，我的listview是以该控件的第二个子view加入进去。此刻又会遇到一个问题：我在界面执行下拉时，应用如何分辨我是执行的RefreshableView下拉刷新操作，还是listview下拉操作。这个问题一开始挺悲剧的，就是当我的listview中数据挺多，那我手势一网上滑，此刻操作不会出现冲突，因为刷新View监听的下滑事件监听；然后此刻listview滑到了底部，我要回到listview顶部去，就得执行向下滑操作，那么这时的操作就和刷新view中下滑，下拉刷新监听冲突。后来发现了view中两个函数：子控件截取事件函数。具体来说是就是用的点击屏幕，touch事件会先被onInterceptTouchEvent捕捉，子view先做处理，然后根据true和false，才判断是否截取事件交给父View处理。那么我们就可以在onInterceptTouchEvent做了预处理，更具判断listview是佛在最底部，可下滑，来判断是佛让子view来截取处理该touch事件。具体判断看canScroll（）；同样的考虑到ScrollView类似有listview的情况，也做了处理，因此该控件支持包含listview和scrollview。实现代码基本如上，内部可能还有挺多的bug，但是目前我应用上实现暂没发现。最后感谢网上的可刷新代码demo，以及sina微博可刷新控件代码以及网易应用可刷新控件代码。</P>
  13. <P></P>
  14. <P></P>
  15. <P></P>
  16. <P></P>
  17. <PRE></PRE>
  18. <PRE></PRE>
  19. <PRE></PRE>
  20. <PRE></PRE>
  21. <PRE></PRE>
  23. </PRE>

10
踩
0

查看评论

13楼 DaweiKoo 2013-04-28 10:18发表 [回复] [引用] [举报]
新手学习。感谢分享。
12楼 Rockey723 2013-03-14 13:40发表 [回复] [引用] [举报]
大神厉害，顶
Re: Rockey723 2013-03-14 13:49发表 [回复] [引用] [举报]
回复Rockey723：非常的齐全
11楼 _Zero 2013-01-24 14:05发表 [回复] [引用] [举报]
学习下！！！！！
10楼 枫叶雅少 2013-01-24 08:54发表 [回复] [引用] [举报]

更多相关文章

  1. Android(安卓)View分区域点击实现方案——1.根据坐标范围
  2. Android(安卓)RecyclerView删除多个选中的item 及 局部刷新
  3. Android(安卓)补间动画之平移动画TranslateAnimation
  4. Android(安卓)基于坐标的图形开发
  5. Android变形(Transform)之Matrix用法
  6. android 屏幕坐标总结
  7. Android画布canvas rotate，translate的理解
  8. Android实现仿QQ登录可编辑下拉菜单
  9. Android实现滑动的七种方法实践

随机推荐

  1. RadioGroup&RadioButton小技巧
  2. Flutter基础-Preparing an IOS/Android(
  3. android图片压缩处理，并保存
  4. Android(安卓)GPS Location with Listene
  5. 安装 ADT 插件
  6. Ubuntu10.04安装JDK5
  7. Android权限 (代码区2)
  8. Android(安卓)NeedProxy
  9. Flutter Weekly Issue 61
  10. Install Android(安卓)NDK No.1