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。先这样吧。像上拉加载更多,我感觉也可以这么实现。有时间试试吧,大家有时间也可以动动手试试。
好吧。大致就这些,有疑问或建议请留言,共同进步,谢谢!
以上就是本文的全部内容,希望对大家的学习有所帮助。
- 分享一例测试环境下nginx+tomcat的视频业务部署记录
- Linq排序效率 Vs 快速排序效率
- 内存数据库到底有多快?
- 改变人类未来的五大科技,带来一场新的变革
- 轻松学习Python:基础知识汇总
- 自适应页面高度
- 用CSS制作可交换带事件处理的图片按钮
- tomcat相关配置技巧梳理
- 用Layer.search快速查询图元
- Ado.Net连接池的速度测试
- Excel小账本使用说明
- Enterprise Library 4.1学习笔记8----缓存应用程序块之FileDependency
- CSS实现按钮的两张图片的同步出现
- 完整部署CentOS7.2+OpenStack+kvm 云平台环境(6)--在线调整虚拟机的大小
- 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 文档注释