內容：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;
}
}
效果圖：
橫向與縱向滑動沖突
以上內容全部為下節做鋪墊，
下節為同向縱向滑動沖突（核心代碼）。
