Android自定义控件实现下拉刷新效果
app开发中下拉刷新是最常接触到的一个功能,也有很多开源的框架,封装的非常棒。前段时间了解了一下ViewDragHelper,遂用它实现了下拉刷新的功能。
大概和我之前的ViewDragHelper之拖动加载(类似淘宝)这篇代码类似。只是做了相关改动。具体的可以看一下那篇博文了解一下用到的ViewDragHelper的一些知识点。该界面主要是一个LinearLayout,上面的下拉刷新是一个textview(用TV代替),当然这个可以定制,在此只是用一个textview代替,实现简单的功能,下面是一个listview(用LV代替),当然listview也是可以定制的,可以使gridview或者其他你想要的都可以,在此也是只用Listview代替。大概的讲讲吧:
首先,在onLayout中将TV置于屏幕上方,将LV充满屏幕;
上图中蓝色部分是整个手机的屏幕,红色部分是下拉提示TV。TV是置于屏幕之外的是不显示的。
@Override protected void onLayout(boolean changed, int l, int t, int r, int b) { if (pullText.getTop() == 0) { viewHeight = pullText.getMeasuredHeight(); pullText.layout(l, 0, r, b); myList.layout(l, 0, r, b); pullText.offsetTopAndBottom(-viewHeight); } else { pullText.layout(l, pullText.getTop(), r, pullText.getBottom()); myList.layout(l, myList.getTop(), r, myList.getBottom()); } }
上面的代码段中,pullText即是TV,myList是LV。这样在下拉LV的时候,TV就会跟着往下走,所以就会出现在屏幕中实现我们想要的效果。
/** * 这是拖拽效果的主要逻辑 */ private class DragHelperCallback extends ViewDragHelper.Callback { @Override public void onViewPositionChanged(View changedView, int left, int top, int dx, int dy) { int childIndex = 1; if (changedView == myList) { childIndex = 2; } onViewPosChanged(childIndex, top); } @Override public boolean tryCaptureView(View child, int pointerId) { return true; } @Override public int getViewVerticalDragRange(View child) { return 1; } @Override public void onViewReleased(View releasedChild, float xvel, float yvel) { refreshOrNot(releasedChild, yvel); } @Override public int clampViewPositionVertical(View child, int top, int dy) { int finalTop = top; if (child == pullText) { if (top > 0) { finalTop = 0; } } else if (child == myList) { if (top < 0) { finalTop = 0; } if(top >= viewHeight){ pullText.setText("松开刷新"); }else{ pullText.setText("下拉刷新"); } } return child.getTop() + (finalTop - child.getTop()) / 2; } }
上面的代码段中,主要是在clampViewPositionVertical中判断滑动的位置,作用的子view。其他就不多说了,大致和之前的博客相同。主要说说onViewReleased吧。在此函数中是在用户手势抬起时响应的,所以我们在此实现下拉后的刷新。我们先定义一个接口,以便在刷新的时候调用。
public interface pulltorefreshNotifier { public void onPull(); }
public void setpulltorefreshNotifier(pulltorefreshNotifier pullNotifier) { this.pullNotifier = pullNotifier; }
private void refreshOrNot(View releasedChild, float yvel) { int finalTop = 0; if (releasedChild == pullText) { // 拖动第一个view松手 if (yvel < -50) { finalTop = 0; } else { finalTop = viewHeight; } } else { // 拖动第二个view松手 if (yvel > viewHeight - 5 || releasedChild.getTop() >= viewHeight) { finalTop = viewHeight; if (null != pullNotifier) { pullNotifier.onPull(); } pullText.setText("正在刷新"); } } if (VDH.smoothSlideViewTo(myList, 0, finalTop)) { ViewCompat.postInvalidateOnAnimation(this); } }
拖动第二个view时,也就是LV时,我们判断一下是否需要刷新,需要刷新则执行onPull();
然后我们来看一下主要的Activity:
package com.maxi.pulltorefreshtest; import android.annotation.SuppressLint; import android.app.Activity; import android.os.Bundle; import android.os.Handler; import android.os.Message; import com.maxi.pulltorefreshtest.adapter.ProjectAdapter; import com.maxi.pulltorefreshtest.widget.MyListView; import com.maxi.pulltorefreshtest.widget.PullToRefreshGroup; import com.maxi.pulltorefreshtest.widget.PullToRefreshGroup.pulltorefreshNotifier; public class MainActivity extends Activity { private PullToRefreshGroup pullListgroup; private boolean isDown = false; private MyListView myList; private ProjectAdapter pa; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); findView(); init(); } private void findView() { pullListgroup = (PullToRefreshGroup) findViewById(R.id.pulltorefresh); myList = pullListgroup.returnMylist(); } private void init() { pulltorefreshNotifier pullNotifier = new pulltorefreshNotifier() { @Override public void onPull() { // TODO Auto-generated method stub downLoad(); } }; pullListgroup.setpulltorefreshNotifier(pullNotifier); pa = new ProjectAdapter(this); myList.setAdapter(pa); pa.notifyDataSetChanged(); } private void downLoad() { if (!isDown) { isDown = true; new Thread(new Runnable() { @Override public void run() { // TODO Auto-generated method stub try { Thread.sleep(2000); handler.sendEmptyMessage(1); } catch (InterruptedException e) { // TODO Auto-generated catch block e.printStackTrace(); } } }).start(); } } @SuppressLint("HandlerLeak") private Handler handler = new Handler() { @Override public void handleMessage(Message msg) { // TODO Auto-generated method stub super.handleMessage(msg); switch (msg.what) { case 1: pullListgroup.refreshComplete(); isDown = false; break; default: break; } } }; }
我们在他刷新的时候执行downLoad();刷新数据。为了达到效果可以看出我让线程暂停2s。然后调用refreshComplete();
public void refreshComplete() { if (VDH.smoothSlideViewTo(myList, 0, 0)) { ViewCompat.postInvalidateOnAnimation(this); } }
实现刷新好后让TV继续返回屏幕上方。
上段代码中我们发现MyListView是重写的ListView,主要是处理手势事件的。
package com.maxi.pulltorefreshtest.widget; import android.content.Context; import android.util.AttributeSet; import android.view.MotionEvent; import android.view.View; import android.widget.ListView; public class MyListView extends ListView { boolean allowDragBottom = true; float downY = 0; boolean needConsumeTouch = true; public MyListView(Context context){ super(context); } public MyListView(Context context, AttributeSet attrs) { super(context, attrs); // TODO Auto-generated constructor stub } @Override public boolean dispatchTouchEvent(MotionEvent ev) { if (ev.getAction() == MotionEvent.ACTION_DOWN) { downY = ev.getRawY(); needConsumeTouch = true; if (getMyScrollY() == 0) { allowDragBottom = true; } else { allowDragBottom = false; } } else if (ev.getAction() == MotionEvent.ACTION_MOVE) { if (!needConsumeTouch) { getParent().requestDisallowInterceptTouchEvent(false); return false; } else if (allowDragBottom) { if (downY - ev.getRawY() < -2) { needConsumeTouch = false; getParent().requestDisallowInterceptTouchEvent(false); return false; } } } getParent().requestDisallowInterceptTouchEvent(needConsumeTouch); return super.dispatchTouchEvent(ev); } public int getMyScrollY() { View c = getChildAt(0); if (c == null) { return 0; } int firstVisiblePosition = getFirstVisiblePosition(); int top = c.getTop(); return -top + firstVisiblePosition * c.getHeight(); } }
ok。先这样吧。像上拉加载更多,我感觉也可以这么实现。有时间试试吧,大家有时间也可以动动手试试。
好吧。大致就这些,有疑问或建议请留言,共同进步,谢谢!
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
- HDUOJ----2512一卡通大冒险
- HDUOJ------(1230)火星A+B
- nyoj-----前缀式计算
- HDUOJ----(4788)Hard Disk Drive
- NYOJ-------笨蛋难题四
- Win平台Web访问白名单设置脚本(IP安全性原则)
- NYOJ-------表达式求值
- HDUOJ----1181 变形课
- 正确的Win主机网站伪静态设置方法
- HDUOJ----(1084)What Is Your Grade?
- HDUOJ------(1272)小希的迷宫
- HDUOJ ---1269迷宫城堡
- HDUOJ---1213How Many Tables
- hduoj----(1033)Edge
- java教程
- Java快速入门
- Java 开发环境配置
- Java基本语法
- Java 对象和类
- Java 基本数据类型
- Java 变量类型
- Java 修饰符
- Java 运算符
- Java 循环结构
- Java 分支结构
- Java Number类
- Java Character类
- Java String类
- Java StringBuffer和StringBuilder类
- Java 数组
- Java 日期时间
- Java 正则表达式
- Java 方法
- Java 流(Stream)、文件(File)和IO
- Java 异常处理
- Java 继承
- Java 重写(Override)与重载(Overload)
- Java 多态
- Java 抽象类
- Java 封装
- Java 接口
- Java 包(package)
- Java 数据结构
- Java 集合框架
- Java 泛型
- Java 序列化
- Java 网络编程
- Java 发送邮件
- Java 多线程编程
- Java Applet基础
- Java 文档注释
- 一分钟速学 | NMS, IOU 与 SoftMax
- [译] 使用 TypeScript 开发 React Hooks
- 磁盘空间分析神器 - ncdu
- Kafka笔记—可靠性、幂等性和事务
- 工程能力UP!| LightGBM的调参与并行
- 你想要的Android性能优化系列:启动优化 !
- 微信小程序的自定义组件(入门)
- linux 中关于PAM的点滴笔记
- 49. Vue使用axios发送Ajax请求
- UCSC-browser学习:创建自己的track hubs
- 五分钟快速搭建Serverless免费邮件服务
- 基于qiankun落地部署微前端爬”坑“记
- Android推送的群魔乱舞
- 用百度接口实现图片文字识别,并打包成安装包软件
- 视野前端(二)V8引擎是如何工作的