详解View的基础概念

欢迎Follow我的GitHub, 关注我的简书. 其余参考Android目录.

View

本文的合集已经编著成书,高级Android开发强化实战,欢迎各位读友的建议和指导。在京东即可购买:https://item.jd.com/12385680.html

Android

在Android中, View作为最重要的显示控件, 概念与参数较多. 所有的显示控件都继承于View, 包含ViewGroup也是继承于View. 在View中, 核心概念包含Position(位置), MotionEvent(运动事件), TouchSlop(触摸间隔), VelocityTracker(速度追踪), GestureDetector(手势检测). 本文主要介绍View的这些概念.

本文源码的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(移开屏幕). 触摸行为一般都可以表示为这些事件的组合.

获取点击位置的方式getX, getY, getRawX, getRawY, 分别表示相对位置和绝对位置.

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还是很有必要的.

OK, that's all! Enjoy it!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,015评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,262评论 1 292
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,727评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,986评论 0 205
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,363评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,610评论 1 219
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,871评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,582评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,297评论 1 242
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,551评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,053评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,385评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,035评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,079评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,841评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,648评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,550评论 2 270

推荐阅读更多精彩内容