内容:view基础、view滑动、弹性滑动、横纵滑动冲突
view基础
view位置参数.jpg- 获取view的宽高:width = right - left ; height = bottom - top.
- 获取四个参数:Left = getLeft(); 以此类推
- x、y是View左上角的坐标;translationX、translationY是左上角相对于父容器的偏移量,默认值为0;
- 关系:x = left +translationX ; Y同理;在view平移过程中top、left不会改变
四个对象:
- MotionEvent
ACTION_DOWN 手指刚接触屏幕
ACTION_MOVE 手指在屏幕上移动
ACTION_UP 手指从屏幕上离开
获取点击事件发生的x、y坐标
getX/Y返回相对于当前view左上角的x和y坐标;
getRawX/Y返回相对于当前手机屏幕左上角的x和y坐标. - TouchSlop
系统所能识别的最小滑动距离,滑动过小为点击,这个临界值为常量:ViewConfiguration.get(getContext()).getScaledTouchSlop() - VelocityTracker
手指在滑动过程中的速度
@Override
public boolean onTouchEvent(MotionEvent event) {
VelocityTracker velocityTracker =VelocityTracker.obtain();
velocityTracker.addMovement(event);
//获取速度
velocityTracker.computeCurrentVelocity(1000);//必须先计算速度
int xVelocity = (int) velocityTracker.getXVelocity();
int yVelocity = (int) velocityTracker.getYVelocity();
//重置并回收内存
velocityTracker.clear();
velocityTracker.recycle();
return super.onTouchEvent(event);
}
这里的速度指划过的像素数,1s内划过100像素,速度为100,可以为负数;公式:速度=(终点位置-起点位置)/时间段
- GestureDetector
检测单击、滑动(推荐onTouchEvent)、长按、双击(推荐)的行为
//doubleTapListener为自定义class implements GestureDetector.OnDoubleTapListener
GestureDetector gestureDetector = new GestureDetector(this,
(GestureDetector.OnGestureListener) new doubleTapListener());
gestureDetector.setIsLongpressEnabled(false);
boolean consume = gestureDetector.onTouchEvent(event);
return consume;
view滑动
- scrollTo和scrollBy只能改变View的内容的位置而不能改变View在布局中的位置;内容mScrollX左移为正右移为负,mScrollY上移为正下移为负;优点:不影响内部元素的单击事件
- 动画移动操作translationX、translationY两个属性;适用于没有交互的View和实现复杂的动画效果
属性动画将一个view在100ms内从原始位置向右平移100像素
ObjectAnimator.ofFloat(id_tv,"translationX",0,100).setDuration(100).start();
- 改变布局参数即LayoutParams;适用于有交互的view
//宽度增加100px,向右平移100px
ViewGroup.MarginLayoutParams params = (ViewGroup.MarginLayoutParams) id_tv.getLayoutParams();
params.width += 100;
params.leftMargin += 100;
id_tv.setLayoutParams(params);
这里有个例子因为用到开源动画库nineoldandroids就不列举了
View弹性滑动
- Scroller
弹性、过渡效果滑动,改善瞬间完成;代码为viewGroup下
整个流程对view没有丝毫引用
Scroller mScroller = new Scroller(getContext());
private void smoothScrollBy(int dx, int dy) {
//一参,二参为滑动起点,三参,四参为滑动距离,500ms的时间完成滑动,内容滑动
mScroller.startScroll(getScrollX(), 0, dx, 0, 500);//源码什么都没有做
//弹性滑动主要代码,导致view重绘,没在源码中看到
invalidate();
}
//view的draw方法会调用computeScroll
@Override
public void computeScroll() {
//通过时间计算当前ScrollX和scrollY的值
if (mScroller.computeScrollOffset()) {
//向Scroller获取当前ScrollX和scrollY,通过scrollto实现滑动
scrollTo(mScroller.getCurrX(), mScroller.getCurrY());
//进行二次重绘,如此反复
postInvalidate();
}
}
- 动画自带弹性滑动效果,以下为模仿Scroller来实现view的弹性滑动,滑动为内容
final int startX = 0;
final int deltaX = 100;
final ValueAnimator animator= ValueAnimator.ofInt(0,1).setDuration(1000);
animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
float fraction = animator.getAnimatedFraction();
id_tv.scrollTo(startX+(int)(deltaX * fraction),0);
}
});
animator.start();
- 延时策略,可以尝试使用postDelayed或sleep
private static final int MESSAGE_SCROLL_TO = 1;
private static final int FRAME_COUNT = 30;
private static final int DELAYED_TIME = 33;
private int mCount = 0;
@SuppressLint("HandlerLeak")
private Handler handler = new Handler(){
public void handleMessage(Message msg){
switch (msg.what){
case MESSAGE_SCROLL_TO:{
mCount++;
if(mCount<= FRAME_COUNT){
float fraction = mCount / (float) FRAME_COUNT;
int scrollX = (int)(fraction * 100);
id_tv.scrollTo(scrollX,0);
handler.sendEmptyMessageDelayed(MESSAGE_SCROLL_TO,DELAYED_TIME);
}
break;
}
default:
break;
}
}
};
View的事件分发
三个重要的方法
- public boolean dispatchTouchEvent(MotionEvent ev)
事件分发。如果事件能够传递给当前View,那么此方法一定会被调用,返回结果受当前View的onTouchEvent和下级View的dispatchTouchEvent方法的影响,表示是否消耗当前事件。 - public boolean onInterceptTouchEvent(MotionEvent ev)
必须在ViewGroup下,在上述方法的内部调用,用来判断是否连接某个事件,如果当前View拦截某个事件,那么在同一事件序列中,此方法不会被再次调用,返回结果表示是否拦截当前事件。 - public boolean onTouchEvent(MotionEvent event)
在第一个方法中调用,用来处理点击事件,返回结果表示是否消耗当前事件,如果不消耗,则在同一个事件序列中,当前view无法再次接收到事件。
伪代码:
//ViewGroup点击事件传递到这里
public boolean dispatchTouchEvent(MotionEvent ev) {
boolean consume = false;
//为true则拦截当前事件
if(onInterceptTouchEvent(ev)){
//onTouchEvent被调用
consume=onTouchEvent(ev);
}else{
//不拦截传递给子控件直到事件被处理
consume = child.dispatchTouchEvent(ev);
}
return consume;
}
onTouchListener优先级高于onTouchEvent高于OnClickListener
一个点击事件的传递顺序:Activity ->Window->View,
当一个view的onTouchEvent返回false,则调用父容器onTouchEvent,都没有处理事件,最终返回Activity的onTouchEvent处理。
结论:
- 同一事件序列以down事件开始,中间有不定数量move事件,最终以up事件结束。
- 正常情况一个事件序列只能被一个view拦截且消耗。特殊可强行转给其它view处理。
- 某个view一旦决定拦截,则只能由它处理,onInterceptTouchEvent不再调用。
- 事件一旦交给一个view处理,它必须消耗掉(onTouchEvent返回true),否则同一事件序列剩下的事件不再给它处理。
- view不消耗除Action_down以外的的事件,点击事件会消失,后续事件由Activity处理。
- ViewGroup默认不拦截任何事件。
- view无onInterceptTouchEvent方法,onTouchEvent自动调用。
- view的onTouchEvent默认消耗事件,除非不可点击。
- view的enable属性不影响onTouchEvent默认返回值。
- onClick会发生的前提是View可点击,并收到down和up事件。
- 事件传递由外向内,事件总是传给父元素,父元素分发。
源码解析
- Activity对点击事件的分发过程
Activity中Window->PhoneWindow中DecorView->ViewGroup - 顶级view对点击事件的分发过程
伪代码中mOnTouchListener被设置,则onTouch会被调用,否则调用onTouchEvent,在onTouchEvent中如果设置了mOnClickListener,则onClick会被调用。 - View对点击事件的处理过程
view的滑动冲突
场景:横向滑动与纵向滑动冲突(viewpager默认已解决)
- 外部拦截法(推荐)
指点击事件都经过父容器的拦截处理,按需要进行拦截
父容器模板代码:
public boolean onInterceptTouchEvent(MotionEvent event) {
boolean intercepted = false;
int x = (int) event.getX();
int y = (int) event.getY();
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN: {
intercepted = false;
break;
}
case MotionEvent.ACTION_MOVE: {
if (父容器需要当前点击事件) {
intercepted = true;
} else {
intercepted = false;
}
break;
}
case MotionEvent.ACTION_UP: {
intercepted = false;
break;
}
default:
break;
}
mLastXIntercept = x;
mLastYIntercept = y;
return intercepted;
}
- 内部拦截法
父容器不拦截任何事件,子元素需要此事件就直接消耗,否则交由父容器处理;需要requestDisallowInterceptTouchEvent方法。
子元素的模板代码:
public boolean dispatchTouchEvent(MotionEvent event) {
int x = (int) event.getX();
int y = (int) event.getY();
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN: {
//parent为父容器对象
parent.requestDisallowInterceptTouchEvent(true);
break;
}
case MotionEvent.ACTION_MOVE: {
int deltaX = x - mLastX;
int deltaY = y - mLastY;
if (父容器需要此类的点击事件) {
parent.requestDisallowInterceptTouchEvent(false);
}
break;
}
case MotionEvent.ACTION_UP: {
break;
}
default:
break;
}
mLastX = x;
mLastY = y;
return super.dispatchTouchEvent(event);
}
父容器拦截除ACTION_DOWN外的事件,ACTION_DOWN拦截就传不到子元素中。
父容器的模板代码
public boolean onInterceptTouchEvent(MotionEvent event) {
int x = (int) event.getX();
int y = (int) event.getY();
int action = event.getAction();
if (action == MotionEvent.ACTION_DOWN) {
if (!mScroller.isFinished()) {
mScroller.abortAnimation();
return true;
}
return false;
} else {
return true;
}
}
效果图:
横向与纵向滑动冲突以上内容全部为下节做铺垫,
下节为同向纵向滑动冲突(核心代码)。
网友评论