网上有很多类似的文章,大多数还是继承listview来实现(主要是listview.addHeaderView()和listview.addFooterView在listview的首尾添加view,也可以用上面的两个listview自带函数实现下拉刷新的功能,在这里不准备介绍,有兴趣的朋友可以去自己试试)。

在本文主要是给android的线性布局(相对布局、帧布局)加上下拉或者上拉回弹得效果。在ios中我们经常能看到,在一个页面中即使是只有一个控件,这一个控件只占整个页面的1/10不到,但是当我们下拉整个页面的时候还是会有回弹的效果(在这里我们暂不考虑这样的页面是否美观,只是就怎么实现进行分析),显然在android中我们不会为了实现这个只有一个item(而且不会变多)的页面而去用listview(listview的使用还是相对比较繁琐),我们会直接使用线性布局或者相对布局这些简易一些的viewgroup来实现。所以在这里我也为线性布局加上了下拉或者上拉回弹得效果。

实现流程:

1.新建一个类继承LinearLayout

2.在构造方法中实例化Scroller(用于滑动),GestureDetector(网上有很多实现方法是复写onTouchEvent方法,把onTouchEvent方法写的很长,我不太喜欢这种方式,也推荐大家多用手势,很好用哦);

3.覆写computeScroll(),onTouchEvent(MotionEvent event)(在这里把触摸屏幕的处理交给GestureDetector)

4.在computeScroll()里面完成实际的滚动

在开始具体的实现之前,先得介绍几个要用到的比较重要的函数

mScroller.getCurrX() //获取mScroller当前水平滚动的位置

mScroller.getCurrY() //获取mScroller当前竖直滚动的位置

mScroller.getFinalX() //获取mScroller最终停止的水平位置

mScroller.getFinalY() //获取mScroller最终停止的竖直位置

mScroller.setFinalX(int newX) //设置mScroller最终停留的水平位置,没有动画效果,直接跳到目标位置

mScroller.setFinalY(int newY) //设置mScroller最终停留的竖直位置,没有动画效果,直接跳到目标位置

//滚动,startX, startY为开始滚动的位置,dx,dy为滚动的偏移量, duration为完成滚动的时间

mScroller.startScroll(int startX, int startY, int dx, int dy) //使用默认完成时间250ms

mScroller.startScroll(int startX, int startY, int dx, int dy, int duration)

mScroller.computeScrollOffset() //返回值为boolean,true说明滚动尚未完成,false说明滚动已经完成。这是一个很重要的方法,通常放在View.computeScroll()中,用来判断是否滚动是否结束。

上面的几个Scroller的方法,能够帮助我们实现滑动。

接下来还要介绍实现GestureDetector.OnGestureListener

因为我们在onTouchEvent中没有将MotionEvent.ACTION_UP交给GestureDetector,所以GestureDetector.OnGestureListener中的部分方法不会响应,还有在GestureDetector.OnGestureListener中要将down事件的返回值设为true,不然onscroll方法不会响应

接下来是具体实现:

public class SqqLinearLayout extends LinearLayout {

private Scroller mScroller;

private GestureDetector mGestureDetector;

public SqqLinearLayout (Context context) {

this(context, null);

}

public SqqLinearLayout (Context context, AttributeSet attrs) {

super(context, attrs);

mScroller = new Scroller(context);

mGestureDetector = new GestureDetector(context, new GestureListenerImpl());

}

//startScroll之后没有真正移动,会自动调用这个函数实现移动

@Override

public void computeScroll() {

if (mScroller.computeScrollOffset()) {

scrollTo(mScroller.getCurrX(), mScroller.getCurrY());

//必须执行postInvalidate()从而调用computeScroll()

//其实,在此调用invalidate();亦可

postInvalidate();

}

super.computeScroll();

}

@Override

public boolean onTouchEvent(MotionEvent event) {

switch (event.getAction()) {

case MotionEvent.ACTION_UP :

//手指抬起时回到最初位置

prepareScroll(0, 0);

break;

default:

//其余情况交给GestureDetector手势处理

return mGestureDetector.onTouchEvent(event);

}

return super.onTouchEvent(event);

}

class GestureListenerImpl implements GestureDetector.OnGestureListener {

@Override

public boolean onDown(MotionEvent e) {

return true;

}

@Override

public void onShowPress(MotionEvent e) {

}

@Override

public boolean onSingleTapUp(MotionEvent e) {

return false;

}

@Override

public boolean onScroll(MotionEvent e1, MotionEvent e2,float distanceX, float distanceY) {

int disY = (int) ((distanceY - 0.5)*0.65);

beginScroll(0, disY);

return false;

}

public void onLongPress(MotionEvent e) {

}

@Override

public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,float velocityY) {

return false;

}

}

//滚动到目标位置

protected void prepareScroll(int fx, int fy) {

int dx = fx - mScroller.getFinalX();

int dy = fy - mScroller.getFinalY();

beginScroll(dx, dy,1000); //经测试1s是不错的

}

//设置滚动的相对偏移

protected void beginScroll(int dx, int dy) {

mScroller.startScroll(mScroller.getFinalX(), mScroller.getFinalY(), dx, dy);

//必须执行invalidate()从而调用computeScroll()

//invalidate();

//上面一句注释掉好像也没什么影响,暂时没有发现

}

//设置滚动的相对偏移

protected void beginScroll(int dx, int dy,int duration) {

mScroller.startScroll(mScroller.getFinalX(), mScroller.getFinalY(), dx, dy,duration);

//必须执行invalidate()从而调用computeScroll()

//invalidate();

//上面一句注释掉好像也没什么影响,暂时没有发现

}

}

上面实现了线性布局的下拉回弹效果,相对布局的实现和上面一样,只是继承的是RelativeLayout。所以抱着不写重复代码的准则,在下一篇我会做个优化,将线性布局和相对布局的下拉刷新写到一个类中,具体的线性布局和相对布局作为参数或者其他的形式。当然这还只是个想法,不知道能不能很好的实现。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

android组件的下拉回弹,Android自定义控件仿ios下拉回弹效果相关推荐

  1. 仿Ios下拉菜单,android Spinner效果(美团下拉效果)

    先上效果图: 直接上代码: Ios spinner文件 package com.choe.iosspinner;import android.app.Activity; import android. ...

  2. android rebound平移,Android 仿 IOS 拖拽回弹之进阶 ReboundFrameLayout

    Android 仿 IOS 拖拽回弹之进阶 ReboundFrameLayout 前言 IOS 拖拽回弹给用户的体验不得不赞然后 Android 原生的 API 各种不支持, 于是乎出现的很多仿 IO ...

  3. Android仿Ios下拉回弹,Android ReboundScrollView仿IOS拖拽回弹效果

    初衷: 其实github上有很多这种ScrollView的项目,但是不得不说功能太多太乱了,我就只是想要一个简单效果的ScrollView,另外监听下滑动距离而已,想想还是自己写了个. 这里先说下思路 ...

  4. Android自定义控件实战——实现仿IOS下拉刷新上拉加载 PullToRefreshLayout

    下拉刷新控件,网上有很多版本,有自定义Layout布局的,也有封装控件的,各种实现方式的都有.但是很少有人告诉你具体如何实现的,今天我们就来一步步实现自己封装的 PullToRefreshLayout ...

  5. Android Study 之通过DialogFragment玩转高仿IOS弹框~ ^.^

    LZ-Say:在努力向前奔跑的途中,不要忘记让自己始终保持一个良好的状态,一颗初心,一颗永不言弃的心,一起加油` 前言 LZ虽说是搞Android的,但是对IOS的风格样式甚是酷爱,感觉简约大方,而今 ...

  6. 高仿IOS下拉刷新的粘虫效果

    最近看需要做一款下拉刷新的效果,由于需要和Ios界面保持一致,所以这用安卓的方式实现了ios下的下拉刷新的粘虫效果. 最新的安卓手机版本的QQ也有这种类似的效果,就是拖动未读信息的那个红色圆圈,拖动近 ...

  7. Android漂亮的音乐歌词控件,仿网易云音乐滑动效果

    前言: 项目有个音乐播发器功能,实现音乐在线播放,同时需要带有歌词显示功能.网上也找过,在github找到勉强能用的控件,只是效果还是差强人意,不是特别好.于是趁有空的时间,参考了网上的部分demo, ...

  8. Mac下python3配置opencv3 3和Mac下单独opencv的配置以及iOS下配置opencv

    #1.Mac下python3配置opencv3.3 新手受任开发一个功能,需要用到opencv.但python和opencv连接出现问题,看了大概有上百份博客的解决办法,都没有解决,快要放弃了,解决了 ...

  9. android下拉刷新完全解析,教你如何一分钟实现下拉刷新功能,高仿京东下拉刷新,轻松上手!...

    直接进入主题,先来看一下京东的实现效果: jd.gif 以及我自己的实现效果: myjd.gif 实现过程 1.下拉原理 layout.png 整个布局为继承自LinearLayout的Viewgro ...

最新文章

  1. 【学习】009 NIO编程
  2. Win7系统Visual Studio 2013配置OpenCV3.1图文详解
  3. SQL Server 20082005维护计划对比
  4. java界面 文件选择器_掌握java技术 必备java工具应用知识
  5. php程序员写bug,程序员的修炼-我们为什么会编写BUG
  6. 易生信Linux培训
  7. Mysql学习总结(82)——MySQL逻辑删除与数据库唯一性约束如何解决?
  8. OpenCV-黑帽运算(BLACKHAT)
  9. flex布局精髓和填坑
  10. Facebook怎样开发软件:工程师驱动的文化
  11. 计算机类603高数,拟录取ING ,谈谈603高等数学
  12. html手机页面怎么保存图片,【答疑】你知道手机怎么保存网页长图吗?超简单!...
  13. ITIL、COBIT、CMMi和ISO 17799管理新一代数据中心的最佳实践介绍
  14. python模拟操作,python如何实现模拟键盘操作
  15. 关于maven :pom.xml文件中父工程部分提示spring-boot-starter-parent:2.0.7.RELEAS not found
  16. apache启动服务失败
  17. python图片修复软件下载_python实现的jpg格式图片修复代码
  18. Linux 系统管理 : w 命令详解
  19. 哪个相机可以拍gif动图_魅族手机如何拍摄Gif图片 魅族手机拍摄Gif动图的方法图解...
  20. 「π」里藏着所有人的银行卡密码和生日?

热门文章

  1. 商标买卖中的连同原则
  2. mysql异步task_EasySwoole高性能task异步任务
  3. IE6 单文件绿色版
  4. 基于opencv实现的手写数字识别
  5. linux cgroup限制cpu,Linux Cgroup系列(05):限制cgroup的CPU使用(subsystem之cpu)
  6. C/C++中string和vector的一些扩展
  7. 计算机文档用什么翻译,有什么方便使用的文档翻译软件?
  8. U-Mail邮件服务器玩转Pushmail
  9. JpGraph生成图表
  10. 朋友圈可以定时发送吗?