Scrollview與Scroller用法及問題點小結
阿新 • • 發佈:2018-12-31
1.Scrollview 與Scroller的簡介:
ScrollView是可以實現控制元件在超出螢幕範圍的情況下滾動顯示的控制元件,其內部的滑動是基於Scroller來實現的。
Scroller類是為了實現View平滑滾動的一個Helper類。通常在自定義的View時使用,在View中定義一個私有成員mScroller = new Scroller(context)。設定mScroller滾動的位置時,並不會導致View的滾動,通常是用mScroller記錄/計算View滾動的位置,再重寫View的computeScroll(),完成實際的滾動。
Scroller的相關API如下:
列子:mScroller.getCurrX() //獲取mScroller當前水平滾動的位置 mScroller.getCurrY() //獲取mScroller當前豎直滾動的位置 mScroller.getFinalX() //獲取mScroller最終停止的水平位置 mScroller.getFinalY() //獲取mScroller最終停止的豎直位置 mScroller.setFinalX(int newX) //設定mScroller最終停留的水平位置,沒有動畫效果,直接跳到目標位置 mScroller.setFinalY(int newY) //設定mScroller最終停留的豎直位置,沒有動畫效果,直接跳到目標位置 //滾動,startX, startY為開始滾動的位置,dx,dy為滾動的偏移量, duration為完成滾動的自定義時間 mScroller.startScroll(int startX, int startY, int dx, int dy) //使用預設完成時間250ms mScroller.startScroll(int startX, int startY, int dx, int dy, int duration) mScroller.computeScrollOffset() //返回值為boolean,true說明滾動尚未完成,false說明滾動已經完成。這是一個很重要的方法,通常放在View.computeScroll()中,用來判斷是否滾動是否結束。
public class SlowScrollView extends ScrollView { private final String TAG="SlowScrollView "; private Scroller mScroller; public SlowScrollView(Context context) { super(context); mScroller = new Scroller(context); } public SlowScrollView(Context context, AttributeSet attrs) { super(context, attrs); mScroller = new Scroller(context); } public SlowScrollView(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); mScroller = new Scroller(context); } //呼叫此方法滾動到目標位置 duration滾動時間 public void smoothScrollToSlow(int fx, int fy, int duration) { int dx = fx - getScrollX();//mScroller.getFinalX(); 普通view使用這種方法 int dy = fy - getScrollY(); //mScroller.getFinalY(); smoothScrollBySlow(dx, dy, duration); } //呼叫此方法設定滾動的相對偏移 public void smoothScrollBySlow(int dx, int dy,int duration) { Log.d(TAG, "smoothScrollBySlow(int dx, int dy,int duration)"); //設定mScroller的滾動偏移量 mScroller.startScroll(getScrollX(), getScrollY(), dx, dy,duration);//scrollView使用的方法(因為可以觸控拖動) // mScroller.startScroll(mScroller.getFinalX(), mScroller.getFinalY(), dx, dy, duration); //普通view使用的方法 invalidate();//這裡必須呼叫invalidate()才能保證computeScroll()會被呼叫,否則不一定會重新整理介面,看不到滾動效果 } @Override public void computeScroll() { Log.d(TAG, "s-computeScroll()"); //先判斷mScroller滾動是否完成 if (mScroller.computeScrollOffset()) { //這裡呼叫View的scrollTo()完成實際的滾動 smoothScrollTo(mScroller.getCurrX(), mScroller.getCurrY()); Log.d(TAG, "s-computeScroll()-滾動未完成- mScroller.getCurrY()="+ mScroller.getCurrY()); //必須呼叫該方法,否則不一定能看到滾動效果 postInvalidate(); } super.computeScroll(); } }
2.Scrollview的易錯點:
對於smoothScrollBy()的用法,在實際使用時發現,當每次讓Scrollview移動固定px時,log列印的資訊看,每次移動的距離會有錯誤差,所以當連續相對移動時就會容易出席移動錯位的現象,對此問題,可以使用smoothScrollTo()方法,如果是ViewGroup容器類,每次移動的位置可以使用子view的getTop或者getBottom()來實現單行的移動,這樣驗證後效果很好,例子如下:
mScrollView.smoothScrollToSlow(0, item.getBottom(), 700);