Android教程網
設為首頁|加入收藏
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> 關於Android編程 >> Android群英傳知識點回顧——第五章：Android Scroll分析

Android群英傳知識點回顧——第五章：Android Scroll分析

編輯：關於Android編程

知識點目錄

5.1 滑動效果是如何產生的
5.1.1 Android坐標系 5.1.2 視圖坐標系 5.1.3 觸控事件——MotionEvent 5.2 實現滑動的七種方法
5.2.1 layout方法 5.2.2 offsetLeftAndRight()與offsetTopAndBottom() 5.2.3 LayoutParams 5.2.4 scrollTo與scrollBy 5.2.5 Scroller 5.2.6 屬性動畫 5.2.7 ViewDragHelper

知識點回顧

5.1 滑動效果是如何產生的

要實現View的滑動，就必須監聽用戶觸摸的事件，並根據事件傳入的坐標，動態且不斷地改變View的坐標，從而實現View跟隨用戶觸摸的滑動而滑動

特別注意：View.getX()和event.getX()兩個不同的位置獲取的區別

5.1.1 Android坐標系

Android坐標系以屏幕左上角作為原點，可通過以下方法獲得x和y的坐標：

getRawX()：獲取Android坐標系的x坐標，請注意這裡和event.getRawX()的區別 getRawY()：獲取Android坐標系的y坐標，請注意這裡和event.getRawY()的區別

\

5.1.2 視圖坐標系

視圖坐標系由子控件以父控件的左上角作為原點，可通過以下方法獲得x和y的坐標：

getX()：獲取視圖坐標系的x坐標，請注意這裡和event.getX()的區別 getY()：獲取視圖坐標系的y坐標，請注意這裡和event.getY()的區別

\

5.1.3 觸控事件——MotionEvent

MotionEvent封裝的一些常用的事件常量：

ACTION_DOWN：單點觸摸按下的動作 ACTION_UP：單點觸摸離開的動作 ACTION_MOVE：單點觸摸移動的動作 ACTION_CANCEL：單點觸摸取消 ACTION_OUTSIDE：單點觸摸超出邊界 ACTION_POINTER_DOWN：多點觸摸按下的動作 ACTION_POINTER_UP：多點觸摸離開的動作

通常會在onTouchEvent(MotionEvent event)方法中通過event.getAction()方法獲取觸控事件類型，以下代碼為模板式子：

@Override
public boolean onTouchEvent(MotionEvent event) {
    //獲取當前輸入點的X,Y坐標（視圖坐標）
    int x = (int) event.getX();
    int y = (int) event.getY();
    switch (event.getAction()) {
        case MotionEvent.ACTION_DOWN:
            //處理輸入的按下動作
            break;
        case MotionEvent.ACTION_MOVE:
            //處理輸入的移動動作
            break;
        case MotionEvent.ACTION_UP:
            //處理輸入的離開動作
            break;
    }
    return true;
}

\

系統海提供了非常多的方法來獲取坐標值、相對距離等：

View提供的獲取坐標方法：

getTop()：獲取到的是View自身的頂邊到其父布局頂邊的距離 getLeft()：獲取到的是View自身的左邊到其父布局左邊的距離 getRight()：獲取到的是View自身的右邊到其父布局右邊的距離 getBottom()：獲取到的是View自身的底邊到其父布局底邊的距離

MotionEvent提供的方法：

getX()：獲取點擊事件距離控件左邊的距離，即視圖坐標 getY()：獲取點擊事件距離控件頂邊的距離，即視圖坐標 getRawX：獲取點擊事件距離整個屏幕左邊的距離，即絕對坐標 getRawY：獲取點擊事件距離整個屏幕頂邊的距離，即絕對坐標

5.2 實現滑動的七種方法

無知識點

5.2.1 layout方法

當我們手指觸摸時記錄下觸摸點，在滑動時也記錄下觸摸點，通過兩次的差值，計算出偏移量，使用View本身的layout方法，讓他不斷的位移偏移量即可

Layout滑動……見經典代碼回顧案例一

5.2.2 offsetLeftAndRight()與offsetTopAndBottom()

offsetLeftAndRight滑動……見經典代碼回顧案例二

5.2.3 LayoutParams

通過getLayoutParams()方法來獲取布局參數，需要注意的是：

不同的View應采用不同的View的getLayoutParams()方法 前提必須要有一個父布局，否則系統無法獲取LayoutParams 使用ViewGroup.MarginLayoutParams不需要考慮父布局類型

LayoutParams滑動……見經典代碼回顧案例三

5.2.4 scrollTo與scrollBy

scrollTo與scrollBy滑動……見經典代碼回顧案例四

scrollTo：移動到一個具體的坐標點（x，y） scrollBy：表示移動的增量dx，dy

scrollTo、scrollBy方法移動的是View的content，即讓View的內容移動了，如果在ViewGroup中使用scrollTo、scrollBy方法，那麼移動的將是所有子View，例如：

TextView，content就是它的文本 ImageView，content就是它的drawable對象

也就是說我們要用getParent()來使用scrollTo、scrollBy方法，否則，TextView只是偏移它的文本，ImageView只是偏移它的圖片

5.2.5 Scroller

Scroller使用步驟：

初始化Scroller 重寫computeScroll()方法 startScroll開啟滑動

Scroller滑動……見經典代碼回顧案例五

5.2.6 屬性動畫

無知識點

5.2.7 ViewDragHelper

ViewDragHelper使用步驟：

初始化ViewDragHelper 重寫攔截事件，將事件傳遞給ViewDragHelper處理 處理computeScroll() 處理回調ViewDragHelper.Callback 開啟滑動，並更新UI

在ViewDragHelper.Callback中，系統定義了大量的監聽事件來幫助我們處理各種事件：

onViewCaptured() ：用戶觸摸到view回調 onViewDragStateChanged()：拖拽狀態改變時回調，比如idle，dragging等狀態 onViewPositionChanged()：位置改變時回調，常用於滑動時更改scale進行縮放等效果

ViewDragHelper滑動……見經典代碼回顧案例六

經典代碼回顧

案例一：Layout滑動

public class DragView2 extends View {

    private int lastX;
    private int lastY;

    public DragView2(Context context) {
        super(context);
        ininView();
    }

    public DragView2(Context context, AttributeSet attrs) {
        super(context, attrs);
        ininView();
    }

    public DragView2(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        ininView();
    }

    private void ininView() {
        setBackgroundColor(Color.BLUE);
    }

    // 絕對坐標方式
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        int rawX = (int) (event.getRawX());
        int rawY = (int) (event.getRawY());
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                // 記錄觸摸點坐標
                lastX = rawX;
                lastY = rawY;
                break;
            case MotionEvent.ACTION_MOVE:
                // 計算偏移量
                int offsetX = rawX - lastX;
                int offsetY = rawY - lastY;
                // 在當前left、top、right、bottom的基礎上加上偏移量
                layout(getLeft() + offsetX,
                        getTop() + offsetY,
                        getRight() + offsetX,
                        getBottom() + offsetY);
                // 重新設置初始坐標
                lastX = rawX;
                lastY = rawY;
                break;
        }
        return true;
    }
}

一定要重新設置初始坐標，這樣才能准確地獲取偏移量

5.2.1-5.2.4 效果圖

\

案例二：offsetLeftAndRight滑動

public class DragView1 extends View {

    private int lastX;
    private int lastY;

    public DragView1(Context context) {
        super(context);
        ininView();
    }

    public DragView1(Context context, AttributeSet attrs) {
        super(context, attrs);
        ininView();
    }

    public DragView1(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        ininView();
    }

    private void ininView() {
        // 給View設置背景顏色，便於觀察
        setBackgroundColor(Color.BLUE);
    }

    // 視圖坐標方式
    @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;
            case MotionEvent.ACTION_MOVE:
                // 計算偏移量
                int offsetX = x - lastX;
                int offsetY = y - lastY;
                // 在當前left、top、right、bottom的基礎上加上偏移量
                layout(getLeft() + offsetX,
                        getTop() + offsetY,
                        getRight() + offsetX,
                        getBottom() + offsetY);
                        offsetLeftAndRight(offsetX);
                        offsetTopAndBottom(offsetY);
                break;
        }
        return true;
    }
}

案例三：LayoutParams滑動

public class DragView3 extends View {

    private int lastX;
    private int lastY;

    public DragView3(Context context) {
        super(context);
        ininView();
    }

    public DragView3(Context context, AttributeSet attrs) {
        super(context, attrs);
        ininView();
    }

    public DragView3(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        ininView();
    }

    private void ininView() {
        setBackgroundColor(Color.BLUE);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        int x = (int) event.getX();
        int y = (int) event.getY();
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                // 記錄觸摸點坐標
                lastX = (int) event.getX();
                lastY = (int) event.getY();
                break;
            case MotionEvent.ACTION_MOVE:
                // 計算偏移量
                int offsetX = x - lastX;
                int offsetY = y - lastY;
                ViewGroup.MarginLayoutParams layoutParams = (ViewGroup.MarginLayoutParams) getLayoutParams();
//                LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) getLayoutParams();
                layoutParams.leftMargin = getLeft() + offsetX;
                layoutParams.topMargin = getTop() + offsetY;
                setLayoutParams(layoutParams);
                break;
        }
        return true;
    }
}

案例四：scrollTo與scrollBy滑動

public class DragView4 extends View {

    private int lastX;
    private int lastY;

    public DragView4(Context context) {
        super(context);
        ininView();
    }

    public DragView4(Context context, AttributeSet attrs) {
        super(context, attrs);
        ininView();
    }

    public DragView4(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        ininView();
    }

    private void ininView() {
        setBackgroundColor(Color.BLUE);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        int x = (int) event.getX();
        int y = (int) event.getY();
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                lastX = (int) event.getX();
                lastY = (int) event.getY();
                break;
            case MotionEvent.ACTION_MOVE:
                int offsetX = x - lastX;
                int offsetY = y - lastY;
                ((View) getParent()).scrollBy(-offsetX, -offsetY);
                break;
        }
        return true;
    }
}

要注意的是，scrollTo、scrollBy是以Android坐標系移動的，所以要使用我們正常的坐標系，則在x和y加一個負號

案例五：Scroller滑動

public class DragView5 extends View {

    private int lastX;
    private int lastY;
    private Scroller mScroller;

    public DragView5(Context context) {
        super(context);
        ininView(context);
    }

    public DragView5(Context context, AttributeSet attrs) {
        super(context, attrs);
        ininView(context);
    }

    public DragView5(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        ininView(context);
    }

    private void ininView(Context context) {
        setBackgroundColor(Color.BLUE);
        // 初始化Scroller
        mScroller = new Scroller(context);
    }

    @Override
    public void computeScroll() {
        super.computeScroll();
        // 判斷Scroller是否執行完畢
        if (mScroller.computeScrollOffset()) {
            ((View) getParent()).scrollTo(
                    mScroller.getCurrX(),
                    mScroller.getCurrY());
            // 通過重繪來不斷調用computeScroll
            invalidate();
        }
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        int x = (int) event.getX();
        int y = (int) event.getY();
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                lastX = (int) event.getX();
                lastY = (int) event.getY();
                break;
            case MotionEvent.ACTION_MOVE:
                int offsetX = x - lastX;
                int offsetY = y - lastY;
                ((View) getParent()).scrollBy(-offsetX, -offsetY);
                break;
            case MotionEvent.ACTION_UP:
                // 手指離開時，執行滑動過程
                View viewGroup = ((View) getParent());
                mScroller.startScroll(
                        viewGroup.getScrollX(),
                        viewGroup.getScrollY(),
                        -viewGroup.getScrollX(),
                        -viewGroup.getScrollY());
                invalidate();
                break;
        }
        return true;
    }
}

效果圖

\

案例六：ViewDragHelper滑動

public class DragViewGroup extends FrameLayout {

    private ViewDragHelper mViewDragHelper;
    private View mMenuView, mMainView;
    private int mWidth;

    public DragViewGroup(Context context) {
        super(context);
        initView();
    }

    public DragViewGroup(Context context, AttributeSet attrs) {
        super(context, attrs);
        initView();
    }

    public DragViewGroup(Context context,
                         AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initView();
    }

    @Override
    protected void onFinishInflate() {
        super.onFinishInflate();
        mMenuView = getChildAt(0);
        mMainView = getChildAt(1);
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        mWidth = mMenuView.getMeasuredWidth();
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        return mViewDragHelper.shouldInterceptTouchEvent(ev);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        //將觸摸事件傳遞給ViewDragHelper,此操作必不可少
        mViewDragHelper.processTouchEvent(event);
        return true;
    }

    private void initView() {
        mViewDragHelper = ViewDragHelper.create(this, callback);
    }

    private ViewDragHelper.Callback callback =
            new ViewDragHelper.Callback() {

                // 何時開始檢測觸摸事件
                @Override
                public boolean tryCaptureView(View child, int pointerId) {
                    //如果當前觸摸的child是mMainView時開始檢測
                    return mMainView == child;
                }

                // 觸摸到View後回調
                @Override
                public void onViewCaptured(View capturedChild,
                                           int activePointerId) {
                    super.onViewCaptured(capturedChild, activePointerId);
                }

                // 當拖拽狀態改變，比如idle，dragging
                @Override
                public void onViewDragStateChanged(int state) {
                    super.onViewDragStateChanged(state);
                }

                // 當位置改變的時候調用,常用與滑動時更改scale等
                @Override
                public void onViewPositionChanged(View changedView,
                                                  int left, int top, int dx, int dy) {
                    super.onViewPositionChanged(changedView, left, top, dx, dy);
                }

                // 處理垂直滑動
                @Override
                public int clampViewPositionVertical(View child, int top, int dy) {
                    return 0;
                }

                // 處理水平滑動
                @Override
                public int clampViewPositionHorizontal(View child, int left, int dx) {
                    return left;
                }

                // 拖動結束後調用
                @Override
                public void onViewReleased(View releasedChild, float xvel, float yvel) {
                    super.onViewReleased(releasedChild, xvel, yvel);
                    //手指抬起後緩慢移動到指定位置
                    if (mMainView.getLeft() < 500) {
                        //關閉菜單
                        //相當於Scroller的startScroll方法
                        mViewDragHelper.smoothSlideViewTo(mMainView, 0, 0);
                        ViewCompat.postInvalidateOnAnimation(DragViewGroup.this);
                    } else {
                        //打開菜單
                        mViewDragHelper.smoothSlideViewTo(mMainView, 300, 0);
                        ViewCompat.postInvalidateOnAnimation(DragViewGroup.this);
                    }
                }
            };

    @Override
    public void computeScroll() {
        if (mViewDragHelper.continueSettling(true)) {
            ViewCompat.postInvalidateOnAnimation(this);
        }
    }
}

布局文件必須放置兩個子View




    

        <framelayout android:background="@android:color/holo_blue_light" android:layout_height="match_parent" android:layout_width="match_parent"></framelayout>

效果圖

\

經典回顧源碼下載

github：https://github.com/CSDNHensen/QunYingZhuang

  1. 上一頁:
  2. 下一頁:
關於Android編程
Android編程入門Android技術基礎Android資訊關於Android編程Android開發Android開發環境Android開發實例
相關文章
熱門文章
使用RecylerView完成拖動排序高仿qq側滑刪除功能 Android 應用程序之間數據共享 RxJava入門指南及其在Android開發中的使用示例 ant 打包android應用 Android 設計模式（一） Android學習筆記二十五之ListView多布局實現
解決用android Studio開發不能去除標題欄的問題

之前在eclipse上進行開發的時候，要去除Activity的的默認標題
Android自定義View仿支付寶芝麻信用分儀表盤

先看下iOS的芝麻信用分截圖這是我做的效果，還是有點差距的支付寶9.9版
android Toast大全（五種情形）建立屬於你自己的Toast

搬運而來，如有雷同，絕非意外！ Toast用於向用戶顯示一些幫
Android實現手機振動設置的方法

本文實例講述了Android實現手機振動設置的方法。分享給大家供大家參考
閱讀排行版
Copyright © Android教程網 All Rights Reserved