View的滑動(dòng)
分為三種：
- scrollTo、scrollBy
- 動(dòng)畫
- 改變View的LayoutParams
View的scrollTo/scrollBy
scrollTo是絕對滑動(dòng)孵淘，scrollBy是相對滑動(dòng)。
源碼如下：
public void scrollTo(int x, int y) {
if (mScrollX != x || mScrollY != y) {
int oldX = mScrollX;
int oldY = mScrollY;
mScrollX = x;
mScrollY = y;
invalidateParentCaches();
onScrollChanged(mScrollX, mScrollY, oldX, oldY);
if (!awakenScrollBars()) {
postInvalidateOnAnimation();
}
}
}
public void scrollBy(int x, int y) {
scrollTo(mScrollX + x, mScrollY + y);
}
要注意的是這兩個(gè)方法只能實(shí)現(xiàn)View內(nèi)容的滑動(dòng)锡宋，不能對View本身進(jìn)行移動(dòng)。
- mScrollX表示View的左邊緣和View內(nèi)容左邊緣在水平方向的距離特恬。
-
mScrollY表示View的上邊緣和View內(nèi)容上邊緣在豎直方向的距離执俩。
一張圖說明變換規(guī)律：
mScrollXY分析.jpg
使用動(dòng)畫
使用動(dòng)畫來對View進(jìn)行滑動(dòng)，實(shí)際上就是操作View的translationX和tranlastionY癌刽。
動(dòng)畫分為View動(dòng)畫和屬性動(dòng)畫奠滑。
- View動(dòng)畫不能真正的改變View的位置，所以一般情況下不使用妒穴。
- 屬性動(dòng)畫可以解決大部分的動(dòng)畫效果問題宋税，推薦使用。
//屬性動(dòng)畫
ObjectAnimator.ofFloat(view, "translationX", 0, 100)
.setDuration(1000)
.start();
改變View的LayoutParams
通過改變View的布局參數(shù)讼油，然后通知View重新布局來實(shí)現(xiàn)對View的滑動(dòng)杰赛。
ViewGroup.LayoutParams layoutParams = mMyScrollerView.getLayoutParams();
layoutParams.width +=100;
layoutParams.height+=100;
mMyScrollerView.requestLayout();
//或者 mMyScrollerView.setLayoutParams(layoutParams);
View的滑動(dòng)總結(jié)
- scrollTo/scrollBy：操作簡單，適合對View內(nèi)容的滑動(dòng)矮台。
- 動(dòng)畫：操作簡單乏屯，主要適用于沒有交互的View和實(shí)現(xiàn)復(fù)雜的動(dòng)畫效果。
- 改變布局參數(shù)：操作稍微復(fù)雜瘦赫，適用于有交互的View辰晕。
View的彈性滑動(dòng)
在大部分時(shí)候，我們都希望給用戶好的體驗(yàn)确虱，所以不能生硬的實(shí)現(xiàn)View的滑動(dòng)含友，要有漸進(jìn)式的滑動(dòng)，即彈性滑動(dòng)。
核心思想：將一次大的滑動(dòng)分成若干次小的滑動(dòng)并在一個(gè)時(shí)間段內(nèi)完成窘问。
比較常用的方式有：使用Scroller辆童、使用動(dòng)畫、使用延時(shí)策略惠赫。
- Scroller
當(dāng)使用View的scrollTo/scrollBy時(shí)把鉴，是瞬間完成的，這樣用戶體驗(yàn)不好儿咱。那么這時(shí)候就可以使用Scroller來實(shí)現(xiàn)過渡效果的滑動(dòng)庭砍。
Scroller本身無法使View滑動(dòng)，需要與View的computeScroll方法配合才能完成滑動(dòng)混埠。
典型的使用方法：
/**
* 緩慢移動(dòng)到指定坐標(biāo)位置
* @param destX 目標(biāo)x
* @param destY 目標(biāo)y
*/
public void smoothScrollTo(int destX, int destY) {
int scrollX = getScrollX();//View左邊緣到內(nèi)容左邊緣的距離
int scrollY = getScrollY();//View上邊緣到內(nèi)容上邊緣的距離
int deltaX = destX - scrollX;//x方向的偏移量
int deltaY = destY - scrollY;//y方向的偏移量
mScroller.startScroll(scrollX, scrollY, deltaX, deltaY, 1000);//1000ms內(nèi)滑向目標(biāo)位置
invalidate();//重繪
}
@Override
public void computeScroll() {
super.computeScroll();
if (mScroller.computeScrollOffset()) {
//動(dòng)畫未完成
scrollTo(mScroller.getCurrX(), mScroller.getCurrY());
postInvalidate();//重繪
}
}
關(guān)鍵方法：
public void startScroll(int startX, int startY, int dx, int dy, int duration) {
mMode = SCROLL_MODE;
mFinished = false;
mDuration = duration;
mStartTime = AnimationUtils.currentAnimationTimeMillis();
mStartX = startX;
mStartY = startY;
mFinalX = startX + dx;
mFinalY = startY + dy;
mDeltaX = dx;
mDeltaY = dy;
mDurationReciprocal = 1.0f / (float) mDuration;
}
public boolean computeScrollOffset() {
if (mFinished) {
return false;
}
int timePassed = (int)(AnimationUtils.currentAnimationTimeMillis() - mStartTime);
if (timePassed < mDuration) {
switch (mMode) {
case SCROLL_MODE:
final float x = mInterpolator.getInterpolation(timePassed * mDurationReciprocal);
mCurrX = mStartX + Math.round(x * mDeltaX);//根據(jù)時(shí)間流逝來計(jì)算出當(dāng)前的值
mCurrY = mStartY + Math.round(x * mDeltaY);//根據(jù)時(shí)間流逝來計(jì)算出當(dāng)前的值
break;
...
}
}
...
return true;
}
工作原理：
- startScroll方法只是保存了一些位置參數(shù)逗威，并沒有做移動(dòng)的操作，令View進(jìn)行移動(dòng)的是invalidate方法岔冀。
- computeScroll在View中是空實(shí)現(xiàn)，重繪會(huì)執(zhí)行該方法概耻。
- 第一次重繪會(huì)去調(diào)用computeScroll使套，內(nèi)部又去向Scroller獲取當(dāng)前的mCurrX和mCurrY，然后繼續(xù)重繪鞠柄。這樣就形成了在規(guī)定時(shí)間內(nèi)一直循環(huán)侦高，直到整個(gè)滑動(dòng)結(jié)束。
- computeScrollOffset內(nèi)部就是根據(jù)時(shí)間流逝的百分比來計(jì)算出scrollX和scrollY厌杜，返回true代表未完成奉呛，false代表結(jié)束。
Scroller工作流程.jpg
- 通過動(dòng)畫
直接使用屬性動(dòng)畫就具有彈性滑動(dòng)的效果夯尽。
//屬性動(dòng)畫
ObjectAnimator.ofFloat(view, "translationX", 0, 100)
.setDuration(1000)
.start();
- 使用延時(shí)策略
通過Handler或者View的postDelay連續(xù)不斷的延遲發(fā)送消息瞧壮，也可以實(shí)現(xiàn)彈性滑動(dòng)的效果。
