實現(xiàn)View滑動有很多種方法，這篇帖子介紹6中滑動的方法，分別是：

layout()、offsetLeftAndRight()、offsetTopAndBottom()、LayoutParams、scrollTo、scrollBy、Scroller。

1.layout方法

繪制View的時候會調(diào)用onLayout方法來設(shè)置顯示的位置，因此我們同樣也可以通過修改View的left、top、right、bottom、這四個屬性來控制View的坐標。首先我們要自定義一個View在onTouchEvent方法中獲取觸摸點的坐標：

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        //獲取手指觸摸點的橫坐標和縱坐標
        int x = (int) event.getX();
        int y = (int) event.getY();
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                lastX = x;
                lastY = y;
                break;
        }
....
    }

接下來我們在ACTION_MOVE事件中計算偏移量，再調(diào)用layout方法重新放置這個自定義View的位置。

            case MotionEvent.ACTION_MOVE:
                //計算移動的距離
                int offsetX = x - lastX;
                int offsetY = y - lastY;
                //調(diào)用layout方法來重新放置它
                layout(getLeft() - offsetX, getTop() + offsetY, getRight() - offsetX, getBottom() - offsetY);
                break;

在每次移動時都會調(diào)用layout方法對屏幕重新布局，從而達到移動View的效果。

2.offsetLeftAndRight()與offsetTopAndBottom()

其這兩種方法和layout方法效果差不多，其使用方法也差不多。我們將ACTION_MOVE中的代碼替代如下：

            case MotionEvent.ACTION_MOVE:
                //計算移動的距離
                int offsetX = x - lastX;
                int offsetY = y - lastY;
                //對left和right進行偏移
                offsetLeftAndRight(offsetX);
                //對top和bottom進行偏移
                offsetTopAndBottom(offsetY);
                break;

3.LayoutParams(改變布局參數(shù))

LayoutParms 主要保存了一個View的布局參數(shù) ， 因此我們可以通過LayoutParams來改變View的采納數(shù)；從而達到改變View位置的效果。同樣，我們將ACTION_MOVE中的代碼替換如下：

                LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) getLayoutParams();
                layoutParams.leftMargin = getLeft() + offsetX;
                layoutParams.topMargin = getLeft() + offsetY;
                setLayoutParams(layoutParams);

4.scrollTo與scrollBy

scrollTo(x,y) 表示移動到一個具體的坐標點，而scrollBy(dx.dy)則表示移動的增量為dx，dy。

其中，scrollBy最終也是要調(diào)用scrollTo的。View.java文件中的scrollBy和scrollTo代碼如下：

scrollTo、scrollBy 移動的是View的內(nèi)容，如果在ViewGroup中使用，則是移動其所有的子View，我們將ACTION_MOVE中的代碼替換如下：

                ((View) getParent()).scrollBy(-offsetX, -offsetY);

這里若要實現(xiàn)View隨手指移動的效果，則需要將偏移量設(shè)置為負值，為什么要設(shè)置負值呢？

假設(shè)我們正在用放大鏡來看報紙，放大鏡用來顯示子的內(nèi)容，同樣我們可以吧放大鏡看作我們的手機屏幕，它們都是負責(zé)顯示內(nèi)容，也就是報紙的內(nèi)容不會隨著放大鏡的移動而消失，它一直存在，同樣，我們的手機屏幕看不到的視圖并不代表其不存在，上圖畫布中有3個控件，及Button、EditText和SwitchButton。只有Button在屏幕中顯示，它的Android坐標為（60,60）?，F(xiàn)在我們調(diào)用scrollBy(50,50),按照字面的意思,這個Button應(yīng)該會在屏幕右下側(cè)，可事實并非如此。如果我們調(diào)用scrollBy（50,50）里面的參數(shù)都會正值，則我們的手機屏幕想X軸正方向，也就是右邊平移50然后屏幕向Y正方向，也就是下方平移50，雖然我們設(shè)置的數(shù)值是正數(shù)并且在X軸和Y軸的正方向移動，但Button卻向反方向移動了，這就是參考對象不同導(dǎo)致的差異。

所以，當(dāng)我們使用scrollBy方法的時候，要是設(shè)置負數(shù)才會達到自己想要的效果。

5.Scroller

我們在用scrollTo/scrollBy方法進行滑動時，這個過程是瞬間完成的，所以用戶體驗并不好，這里我們可以使用Scroller來實現(xiàn)有過度效果的滑動，這個過程不是瞬間完成的，而是在一定的時間間隔內(nèi)完成的。Scroller本身不能實現(xiàn)View的滑動，它需要與View的computeScroll方法配合才能實現(xiàn)彈性滑動效果

    public MyView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        mScroller = new Scroller(context);
    }

接下來重寫computeScroll方法，系統(tǒng)會在繪制View的時候在draw方法中調(diào)用該方法，在這個方法中，我們調(diào)用父類的scrollTo方法并通過Scroller來不斷獲取當(dāng)前的滑動值。每滑動一小段距離，我們就會調(diào)用invalidate方法不斷的進行重繪。重繪就會調(diào)用computeScroll方法，這樣我們通過不斷地移動一個小的距離并連貫起來就實現(xiàn)了平滑移動的效果。

    @Override
    public void computeScroll() {
        super.computeScroll();
        if (mScroller.computeScrollOffset()) {
            ((View) getParent()).scrollTo(mScroller.getCurrX(), mScroller.getCurrY());
            invalidate();
        }
    }

我們會在View中寫一個smoothScrollTo方法，調(diào)用Scroller的startScroll方法，在200ms內(nèi)沿X軸平移delta像素

    public void smoothScrollTo(int destX, int destY) {
        int scrollX = getScrollX();
        int delta = destX - scrollX;
        mScroller.startScroll(scrollX, 0, delta, 0, 2000);
        invalidate();
    }

最后我們在ViewSlideActivity.Java中調(diào)用View的smoothScrollTo方法。在此我們設(shè)定View沿V軸向右平移400像素

mCustomView.smoothScrollTo（-400,0）；

到此這篇關(guān)于Android View滑動的實現(xiàn)分析示例的文章就介紹到這了,更多相關(guān)Android View滑動內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論