1.View的基础知识:
基础知识有view的位置参数,MotionEvent和TouchSlop对象,VelocityTracker,GestureDetector和Scroller对象,通过这些这些东西我们更好的理解View。
1. View的位置参数
View的位置主要由它的四个顶点来决定,分别对应于View的四个属性:top,left,right,bottom.其中top是左上角的纵坐标,left是左上角横坐标.right是右下角纵坐标.bottom是右下角横坐标。注意这些坐标都是相对于父容器而言的 在Android中,x轴y轴的正方向分别为右和下。这点不能理解,不仅仅是Android,大部分显示系统都是按照这个标准来定义坐标系的。
由上面的图可知,width=right-left height=bottom-top 我们获取View给我的四个参数:在View的源码中他们对应于mleft,mright,mbottom,mtop.
获取方式
left=getleft(), right=getRight(),top=getTop,Bottom=getBottom
从Android3.0开始,View增加了额外几个参数:X,Y,translationx和translationY.其中x和y是View左上角的坐标,而translattionX和translationY是View左上角相对于父容器的偏移量。这几个参数也是相对于父容器的坐标,并且和translationX和translationY的默认值是0,和Vie的四个基本的位置参数一样,View也为它们提供了get/set方法,这几个参数的换算关系如下所示:
x=left+translationX;
y=top+translationY;
需要注意的是:View 在平移的过程中,top和left表示的是原始做上角的位置信息,其值不会发生改变,此时发生改变的是x,y,translation,translationY这个是个参数。
MotionEvent和TouchSlop
1.MotionEvent
在手指触摸屏幕后所参数的一系列事件中,典型的事件类型有如下几种,
Action_down-手指刚接触屏幕:
action_Move-手指在屏幕上移动:
action_up--手指从屏幕上松开的一瞬间
正常情况下: 一次手指触摸屏幕的行为会触发一系列点击事件。
点击屏幕后离开松开 事件序列为 DOWN->Up
点击屏幕后滑动一会在松开 事件序列 DOWN->Move->.....Move->Up
通过以上三种事件的序列。我们可以得到点击事件发生的X和Y的坐标。为此,系统提供了两组方法,getX/getY 和getRawX/getRawY,他们区别很简单,getX/getY返回的是相对于当前View左上角x和y的坐标(主要不是left和top)。 getRawX/getRawY返回的是相对于手机屏幕左上角的x和y坐标.
2. TouchSlop
TouchSlop是系统所能识别出的被认为是滑动的最小距离,换句话说,当手机在屏幕上移动时,如果两次滑动的距离小于这个常量,那么系统就认为你是在进行滑动操作。原因很简单:距离太短,系统不认为它是滑动。着是一个常量。和设备有关,在不同设备上这个值可能不同,通过入下方式可获取这个常量
ViewConfiguraton.get(getContext()).getScaledTouchSlop(),
在处理滑动时,我们可以利用这个常量来做一些过滤,比如当两次滑动事件的滑动距离小于这个值,我们就可以认为未达到滑动距离的临界值。可以认为没有滑动,
3.VelocityTracker
速度追踪,用于追踪手指在滑动过程中的速度,包括水平方向和竖直方向的速度,它的使用过程和简单,首先,在View的onTouchEvent方法中追踪当前单机时间的速度。
Velocitytracker veloctitytracker=VelocityTracker.obtain();
VelocityTracker.addMovement(event)
接着,当我们知道当前的滑动速度,我们可以采用如下方式获得当前速度
VelocityTracker.computeCurrentVelocity(1000);
int xVelocity=(int)velocityTracker.getXVelocity();
int yVelocity=(intvolocityTracker.getYVelocity();
在这一步有两点需要注意,第一点:获取速度之前必须先计算速度,getXvelocity()和getYvelocity()这两个方法必须之前调用在computeCurretnVelocity方法,第二点:这个速度是指一段时间内手指所划过的像素数, 在1000ms内手指在手指在水平方向从左向右划过100px,那么水平速度就是100,注意速度可以位负数。
当手指从右往左滑,水平方向的速度为负值,速度计算公式
速度=(终点位置-起点位置)/时间段
根据上面的 的公式,在加上Android系统坐标系,可以知道手指逆向坐标系的滑动为,所产生的速度为父值,另外,computeCurrentVelocity这个方法的参数表示某个时间段,它的单位是ms,计算速度就是在这个时间间隔内,在水平或者竖直方向上所滑动的px。
最后,当不需要使用它的时候,需要调用clear方法来充值并回收内存
velocityTracker.clear()
velocityTracker.recycle()
4.GestureDetector
手势的检测,用于辅助检测用户的单机,滑动,长按,双击等行为,
首先,需要创建一个GestureDetector对象并实现OnGestureListener接口,根据需要我们还可以实现OnDoubleTapListener从而能够监听双击的行为,
GetureDetector mgesturedetector=new GestureDetector(this);
解决屏幕长按后无法拖动的现象,
mgesturedetector.setIsLongpressEnabled(false);
接着,接管目标View的onTouchEvent方法,在待监听的onTouchEvent方法中添加如下实现
boolean consume=mGestureDetector.onTouchEvent(event)
return consume;
onGestureLinstener和OnDoubleTapListener中方法的介绍,请参考:网上相关博客
Scroller
弹性滑动对象,用于实现View的弹性滑动。我们知道,当我们使用View的scrollTo/scrollBy方法进行滑动时,其过程是瞬间完成的,这个没有过渡效果滑动体验很不好。这个时候就可以用Scroller来实现过渡滑动效果。Scroller本身无法让View滑动,他需要和View的computeScroll方法配合使用才能完成这个功能。Scroller这里不重点描述,大家可以取参考网上的博客,或者关注我下面的博客。将会做介绍。
View的滑动
在Android设备上,滑动几乎是应用的标配。不管是下拉刷新还是slidingMenu,他们的基础都是滑动,下面将介绍滑动的几种方式。
1.使用scrollTo/scrollBy
参考博客:点击打开链接
从博客介绍的源码来看,scorllBy实际上也是调用scrollTo方法。博客中都有写到,这里不做强调,需注意的是View滑动的是View本身的内容而不是View本身
2.使用动画
通过动画我们能够让一个View进行平移,既可以采用传统动画,也可以采用属性动画。为了能够兼容3.0以下的版本,需要采用开源动画库nineoldandroids(http://nineoldandroids.com)
这里需要注意的是 传统动画的平移(相对父容器而言),是对View的影像做操作(改变的x,y,还有translationX,translationY),它并不能真正的改变View的位置(left,top,right,bottom),在动画完成的刹那View会瞬间恢复到动画之前的位置,除非你设置filAfter为true,也就是说,当一个按钮发生平移之后,它还在原来的位置,点击事件还在原来的位置进行响应。 如果需要改变这种状况,可以在动画完成的位置在放置一个按钮并且进行隐藏,当动画结束时把这个按钮展示出来即可
属性动画改变的是View本身的参数。
3.改变布局参数
介绍第三种实现View的滑动方法,即改变LayoutParams。这个比较好理解,比如我们想把一个Button向右移动100px,我们只需要将这个Buttonde的LayoutParams里的marginLeft参数的值增加100px即可,还有一种情况,在Button的坐标放置一个空View,这个View的默认宽度是0当View增大时,(假设Button的父容器是水平方向的LayoutParams),Button就自动被挤向右边,即达到向右平移的效果。
通过改变LayoutParams的方式去实现View的滑动同样是一种灵活的方法,需要根据不同情况去做不同处理。
各种滑动的比较
scollTo/scrollBu:操作简单,适合对View内容的滑动。
动画:操作简单,主要适应于没有交互View和实现复杂动画效果
改变View的布局参数:适用于交互的View。
弹性滑动
1.使用Scroller
这里不多做介绍,上面博客有基本上都有说明。
2.通过动画
动画本身就是一种渐近的过程,因此可以通过滑动天然就具有弹性的效果,
以下代码可以昂一个View的内容在100ms内向左移动100px
ObjectAnimator.ofFloat(tragerView,"translationX",0,100).setDration(1000).start()
不过这里想说的并不是这个问题,我们利用动画的特性来实现,
final int startx=0;
final int deltax=100;
ValueAnimator animator=ValueAnimator.ofInt(0,1).setDuration(10000)
animator.addUpdateLinstener(new AnimatorUpdateLintener(){
public void onAnimatorUpdate(ValueAnimator animator){
float fraction=animator.geAnimatedFraction();
mButton1.scrollTo(startX+(int)(deltax+fracton),0);
}
})
animator.start();
3.使用延迟策略
主要是通过一系列延迟消息达到渐近的动画效果,具体来说或View的postDelayed方法,也可以通过线程的sleep方法来实现。
下面采用Handler来做实例,,下面的代码在大约1000ms内将View的内容向左平移100px
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;
private Handler mhander=new Handler(){
public void handleMessage(Message msg){
case Message_scroll_to:{
mCount++;
if(mCount<=frame_count){
float fraction=mCount/(float)Frame_COUNT;
int scrollX=(int)(farction*100);
mButtom1.scrollTo(scrollX,0);
mHandler.sendEmptymessageDelayed(Message_scroll_To,DeLAYED_TIME);
}
break;
}
default:break;
}
}