Android -- 仿ios上下反弹效果
1,前几天在一个app上看到了滑动反弹效果,觉得这个效果挺不错的,然后想自己来实现一下,在网上查了一下基本上都是大致的说了下思路,自己看了一下,决定把实现的思路来详细的写下来,先看一下我们实现的效果吧。
可以看出这个使我们自定义的ScrollView,通过两次判断(头部、底部)来将动态的将ScrollView里面的View向下平移,大体的思路就是这样,下面直接把代码贴出来了 ,包括实现的步骤和一些重要代码都写了注释了
package com.qianmo.myview2.view; /**
* Created by wangjitao on 2016/10/19 0019.
* 支持上下反弹效果的ScrollView
* 下面是实现的思路
* 1,首先通过onFinishInflate()方法拿到该ScrollView中的View()也就是我们后面布局文件中的LinearLayout
* 2,通过onTouchEvent()拿到用户的滑动时间,在ACTION_MOVE方法里面进行判断,调用isNeedMove()方法判断View是否滑动到
* 顶部或者底部,若是的话用Rect对象记录原先View的状态,
* 对应的代码是: rect.set(view.getLeft(), view.getTop(),view.getRight(), view.getBottom());
* 然后将View向下平移 1/2用户滑动的距离 ,对应的代码如下:
* view.layout(view.getLeft(), view.getTop() - deltaY / 2,view.getRight(), view.getBottom() - deltaY / 2);
* 3,在用户抬起手指的时候通过判断rect.isEmpty()来判断是否需要弹回动画,如果需要,则调用回缩动画
*/ import android.content.Context;
import android.graphics.Rect;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.animation.TranslateAnimation;
import android.widget.ScrollView; public class BounceScrollView extends ScrollView {
// 孩子View (也就是我们后面布局文件中的LinearLayout)
private View view; // 点击时y坐标 (点击屏幕的时候Y坐标)
private float y; // 矩形(用于记录平移前View的大小,只是用于判断是否需要动画.)
private Rect rect = new Rect(); // 是否开始计算(默认设置成false)
private boolean isCount = false; public BounceScrollView(Context context, AttributeSet attrs) {
super(context, attrs);
} /***
* 根据 XML 生成视图工作完成.该函数在生成视图的最后调用,在所有子视图添加完之后. 即使子类覆盖了 onFinishInflate
* 方法,也应该调用父类的方法,使该方法得以执行.
*/
@Override
protected void onFinishInflate() {
if (getChildCount() > 0) {
//这里为什么是获取到第0个孩子的View呢? 因为scrollView只能包含一个View
view = getChildAt(0);
super.onFinishInflate();
}
} /***
* 监听touch
*/
@Override
public boolean onTouchEvent(MotionEvent ev) {
if (view != null) {
commOnTouchEvent(ev);
} return super.onTouchEvent(ev);
} /***
* 触摸事件
*
* @param ev
*/
public void commOnTouchEvent(MotionEvent ev) {
int action = ev.getAction();
switch (action) {
case MotionEvent.ACTION_DOWN:
break;
case MotionEvent.ACTION_UP:
// 手指松开,判断是否到达顶部之类的
if (isNeedAnimation()) {
animation();
isCount = false;
}
break;
/***
* 排除出第一次移动计算,因为第一次无法得知y坐标, 在MotionEvent.ACTION_DOWN中获取不到,
* 因为此时是MyScrollView的touch事件传递到到了LIstView的孩子item上面.所以从第二次计算开始.
* 然而我们也要进行初始化,就是第一次移动的时候让滑动距离归0. 之后记录准确了就正常执行.
*
*/
case MotionEvent.ACTION_MOVE:
final float preY = y;// 按下时的y坐标
float nowY = ev.getY();// 时时y坐标
int deltaY = (int) (preY - nowY);// 滑动距离
if (!isCount) {
deltaY = 0; // 在这里要归0.
} y = nowY;
// 当滚动到最上或者最下时就不会再滚动,这时移动布局
if (isNeedMove()) {
// 初始化头部矩形
if (rect.isEmpty()) {
// 保存正常的布局位置
rect.set(view.getLeft(), view.getTop(),
view.getRight(), view.getBottom());
}
// 移动布局(布局下滑的局势是手势花花的距离的一半)
view.layout(view.getLeft(), view.getTop() - deltaY / 2,
view.getRight(), view.getBottom() - deltaY / 2);
}
isCount = true;
break; default:
break;
}
} /***
* 回缩动画
*/
public void animation() {
// 开启移动动画(向上、下平移已经平移的距离)
TranslateAnimation ta = new TranslateAnimation(0, 0, view.getTop(),
rect.top);
ta.setDuration(200);
view.startAnimation(ta);
// 设置回到正常的布局位置
view.layout(rect.left, rect.top, rect.right, rect.bottom); rect.setEmpty(); } // 是否需要开启动画(通过判断rect对象)
public boolean isNeedAnimation() {
return !rect.isEmpty();
} /***
* 是否需要移动布局 inner.getMeasuredHeight():获取的是控件的总高度
* getHeight():获取的是屏幕的高度
*/
public boolean isNeedMove() {
int offset = view.getMeasuredHeight() - getHeight();
int scrollY = getScrollY();
// 0是顶部,后面那个是底部
if (scrollY == 0 || scrollY == offset) {
return true;
}
return false;
}
}
Android -- 仿ios上下反弹效果的更多相关文章
- Android仿IOS回弹效果 ScrollView回弹 总结
Android仿IOS回弹效果 ScrollView回弹 总结 应项目中的需求 须要仿IOS 下拉回弹的效果 , 我在网上搜了非常多 大多数都是拿scrollview 改吧改吧 试了一些 发现总 ...
- 【Android】Android开发实现带有反弹效果,仿IOS反弹scrollview详解教程
作者:程序员小冰,GitHub主页:https://github.com/QQ986945193 新浪微博:http://weibo.com/mcxiaobing 首先给大家看一下我们今天这个最终实现 ...
- 自己定义控件:onDraw 方法实现仿 iOS 的开关效果
概述 本文主要解说怎样在 Android 下实现高仿 iOS 的开关按钮,并不是是在 Android 自带的 ToggleButton 上改动,而是使用 API 提供的 onDraw.onMeasur ...
- android 仿ios 对话框已封装成工具类
对话框 在android中是一种非经常见的交互提示用户的方式,可是非常多产品狗都叫我们这些做android的仿ios,搞的我们android程序猿非常苦逼,凭什么效果老是仿ios,有没有一点情怀,只是 ...
- Android 自定义ScrollView(具有反弹效果的ScrollView,能够兼容横向的滑动)
package com.itau.jingdong.widgets; import android.content.Context; import android.graphics.Rect; imp ...
- Android仿ios底部弹出框效果
准备: public class ActionSheet { public interface OnActionSheetSelected { void onClick(int whichButton ...
- [转]ANDROID仿IOS微信滑动删除_SWIPELISTVIEW左滑删除例子
转载:http://dwtedx.sinaapp.com/itshare_290.html 本例子实现了滑动删除ListView的Itemdemo的效果.大家都知道.这种创意是来源于IOS的.左滑删除 ...
- android 仿ios开关控件
ios一些控件还是挺美丽的,可是对android程序猿来说可能比較苦逼,由于ios一些看起来简单的效果对android来说可能就没那么简单了,可是没办法非常多产品都是拿ios的一些控件叫android ...
- Android仿IOS底部弹出选择菜单ActionSheet
使用Dialog的实现方式,解决原ActionSheet使用Fragment实现而出现的部分手机取消按钮被遮盖的问题 java部分代码: import android.app.Dialog; impo ...
随机推荐
- CentOS上安装RabbitMQ3.6.X
RabbitMQ3.6.1的安装方法跟以前的版本有点不一样,我在网上找了很多资料,基本都是3.1左右的版本,而且安装过程很繁琐,所以我花了一下午 的时间研究如何实现最简安装.为了让大家少走弯路,就把安 ...
- HTML元素事件说明
blur( ) 元素失去焦点 a, input, textarea, button, select, label, map, area change( ) 用户改变域的内容 input, textar ...
- php全面获取url地址栏及各种参数
<?php echo $_SERVER['HTTP_HOST']."<br>";//获取域名或主机地址 echo $_SERVER["SERVER_PO ...
- Python字符串,元组、列表、字典
1.字符串 <string>.strip() 去掉两边空格及去指定字符 <string>.split() 按指定字符分隔字符串为数组 <string>.isdigi ...
- IOS第18天(9,核心动画-动画组)
****动画组 // 核心动画都是假象,不能改变layer的真实属性的值// 展示的位置和实际的位置不同.实际位置永远在最开始位置 #import "HMViewController.h&q ...
- DOM概述
<!-- DOM:Document Object Model 文档对象模型 用来将标记型文档封装成对象,并将标记型文档中的所有内容(标签,文本,属性等)都封装成对象 封装成对象的目的是为了更为方 ...
- ios-获取通讯录 姓名和电话
#import "ViewController.h" #import <ContactsUI/ContactsUI.h> @interface ViewControll ...
- 为Docker容器指定自定义网段的固定IP/静态IP地址
第一步:创建自定义网络 备注:这里选取了172.172.0.0网段,也可以指定其他任意空闲的网段 docker network create --subnet=172.172.0.0/16 docke ...
- 如何获取imageView中当前内容的相关信息并比较?
public class MainActivity extends Activity implements OnClickListener{ private Button button; privat ...
- 当select框变化时 获取select框中被选中的值
DOM <select name="course"> <option value="1">1</option> <op ...