詳解View的基礎概念

yekf5542 8年前發布 | 11K 次閱讀 Android Android開發 移動開發

在Android中, View作為最重要的概念, 參數較多. 顯示控件都繼承于View, 包含ViewGroup也是繼承于View. 在View中, 核心概念包含Position(位置), MotionEvent(運動事件), TouchSlop(觸摸間隔), VelocityTracker(速度追蹤), GestureDetector(手勢檢測). 本文主要介紹以下概念.

本文源碼的GitHub下載地址

Position

位置信息, 常見的屬性是屏幕的寬高, 像素和DP. 像素是真實的屏幕大小, 如1080x1794; DP是Android的專屬概念, 用于統一不同屏幕尺寸, 如360x598.

獲取方式

DisplayMetrics metrics = getResources().getDisplayMetrics();
float density = getResources().getDisplayMetrics().density;

mContent += "屏幕寬度:" + metrics.widthPixels + "(像素)"
        + (metrics.widthPixels / density) + "(DP);\n";
mContent += "屏幕高度:" + metrics.heightPixels + "(像素)"
        + (metrics.heightPixels / density) + "(DP);";

mTvText.setText(mContent);

像素使用metrics.widthPixelsmetrics.heightPixels; DP使用像素除以密度(density), density是dpi的衡量標準.

除了像素和DP, View的位置參數是相對于父控件的位置, 都是相對坐標. 獲取View的四個角的位置, 即left, right, top, bottom.

content += "Left: " + mTvViewGroup.getLeft() + ", Right: " + mTvViewGroup.getRight()
        + "\nTop: " + mTvViewGroup.getTop() + ", Bottom: " + mTvViewGroup.getBottom()

對于移動控件而言, 還有一些額外的參數, X, Y, TransitionX, TransitionY. X表示Left的位置, Y表示Top的位置, TransitionX的X軸偏移量, TransitionY的Y軸偏移量. 這四個參數主要是用于移動控件, 移動控件僅僅是移動相對位置, 并不改變已有的占位.

content += "X: " + mMtvViewText.getX() + ", Y: " + mMtvViewText.getY()
        + "\nTranslationX: " + mMtvViewText.getTranslationX() + ", TranslationY: " + mMtvViewText.getTranslationY();

關系: Left = X - TransitionX; Top = Y - TransitionY;

MotionEvent

運動事件, 主要事件包含三種: ACTION_DOWN(接觸屏幕), ACTION_MOVE(移動), ACTION_UP(移開屏幕). 觸摸行為一般都可以表示為這些事件的組合.

獲取點擊位置的方式getXgetYgetRawXgetRawY, 分別表示相對位置和絕對位置.

TouchSlop

在觸摸屏幕的過程中, 一般都會發生細微的移動, 因此判斷真正的移動需要一個閾值, 這就是TouchSlop. 大于閾值, 判斷為滑動; 小于閾值, 判斷為點擊.

mScaledTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop(); // 用戶滑動的最小像素

VelocityTracker

速度追蹤器(VelocityTracker), 用于追蹤在滑動過程中的移動速度. 需要注意三點: 第一點是在獲取值前, 需要調用計算方法; 第二點是計算的速度是滑動的位移, 可能是正或負; 第三點是在計算完成后, 需要回收速度追蹤器.

@Override protected void onCreate(Bundle savedInstanceState) {
    mVelocityTracker = VelocityTracker.obtain(); // 初始化滑動速度追蹤器
}

@Override public boolean onTouchEvent(MotionEvent event) {
    mVelocityTracker.addMovement(event);
    switch (event.getAction()) {
        case MotionEvent.ACTION_UP:
            mVelocityTracker.computeCurrentVelocity(1000); // 計算1秒的速度
            mXVelocity = (int) mVelocityTracker.getXVelocity(); // 水平位移
            mYVelocity = (int) mVelocityTracker.getYVelocity(); // 豎直位移
            mVelocityTracker.clear(); // 回收加速度追蹤器
            break;
        default:
            break;
    }
    return super.onTouchEvent(event);
}

@Override protected void onDestroy() {
    mVelocityTracker.recycle(); // 回收運動速度跟蹤器
    super.onDestroy();
}

GestureDetector

手勢檢測, 是運動檢測的高級形式, 自定義多種形式, 在回調中直接使用, 非常簡單. 常見的9種手勢, OnGestureListener包含6種, 即onDown(手指輕觸屏幕)onShowPress(指輕觸屏幕, 尚未松開)onSingleTapUp(單擊屏幕)onScroll(手指拖動),onLongPress(長按)onFling(輕滑)OnDoubleTapListener雙擊包含3種, 即onSingleTapConfirmed(嚴格的單擊行為),onDoubleTap(雙擊)onDoubleTapEvent(發生雙擊行為);

@Override protected void onCreate(Bundle savedInstanceState) {
    mGestureDetector = new GestureDetector(getApplicationContext(), new GestureDetector.OnGestureListener() {
        @Override public boolean onDown(MotionEvent e) {
            Log.e(TAG, "手指輕觸屏幕");
            return false;
        }

        @Override public void onShowPress(MotionEvent e) {
            Log.e(TAG, "手指輕觸屏幕, 尚未松開");
        }

        @Override public boolean onSingleTapUp(MotionEvent e) {
            Log.e(TAG, "單擊屏幕");
            return false;
        }

        @Override
        public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
            Log.e(TAG, "手指拖動");
            return false;
        }

        @Override public void onLongPress(MotionEvent e) {
            Log.e(TAG, "長按");
        }

        @Override
        public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
            Log.e(TAG, "輕滑");
            return false;
        }
    });

    mGestureDetector.setOnDoubleTapListener(new GestureDetector.OnDoubleTapListener() {
        @Override public boolean onSingleTapConfirmed(MotionEvent e) {
            Log.e(TAG, "嚴格的單擊行為");
            return false;
        }

        @Override public boolean onDoubleTap(MotionEvent e) {
            Log.e(TAG, "雙擊");
            return false;
        }

        @Override public boolean onDoubleTapEvent(MotionEvent e) {
            Log.e(TAG, "發生雙擊行為");
            return false;
        }
    });
}

使用方式

@Override public boolean onTouchEvent(MotionEvent event) {
    mGestureDetector.onTouchEvent(event);
    return super.onTouchEvent(event);
}

可能在動作中調用多個回調.

效果

動畫

在Android中, 熟悉View的基礎概念, 有助于我們開發自定義控件, 也可以解決View的沖突等問題, 掌握View還是很有必要的.

來自:https://github.com/SpikeKing/ViewDemo

 

 本文由用戶 yekf5542 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!