详解View的基础概念

转载 2016年08月30日 16:28:29

在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

Android View的基础概念

View介绍 View在Android中是所有空间元素的父类,基本的控件ImageView,TextView和复杂的Layout都直接或间接的继承View,View表示屏幕上的一块可视化区域。 ...

Android基础入门教程——2.1 View与ViewGroup的概念

本节引言: 告别了第一章,迎来第二章——Android中的UI(User Interface)组件的详解,  而本节我们要学习的是所有控件的父类View和ViewGroup类!突发奇想,直接翻...

Android基础入门教程——2.1 View与ViewGroup的概念

Android基础入门教程——2.1 View与ViewGroup的概念标签(空格分隔): Android基础入门教程本节引言:告别了第一章,迎来第二章——Android中的UI(User Inter...

自定义view快速入门--基础概念

对于自定义view一直都处于模模糊糊的状态,在这短暂的寒假里,索性买了《Android开发艺术探索》和《Android群英传》,沉下心来,吃透自定义。三种自定义view的方式 1. 扩张现有的view...
  • zone_
  • zone_
  • 2017年01月23日 00:05
  • 105

Android自定义view基础详解及开发流程

自定义view应该说是Android开发通往高级开发的必经之路,自定义view也是很多Android开发者不愿意去触碰的知识点,自定义view到底是什么样子今天我就要揭开自定义view的黑暗面纱。个人...

四、界面编程(一) View的基础知识及架构详解

View虽然不属于四大组件,但是它的作用堪比四大组件,甚至比Receiver和Provider的重要性都更大。本文将介绍View的基础知识、常用概念、测量绘制简介等内容,通过这些内容的理解,可以更深入...

Android自定义View基础之onLayout详解

前两遍文章讲了一下MeasureSpec和onMeasure过程,那么现在就进行下一步,去layout的世界中喽一眼。 Layout的作用是ViewGroup用来确认子元素的位置,当ViewGr...

Android自定义View基础之onDraw详解

前文先后介绍了onMeasure和onLayout的流程,那么接下来就一起看一下onDraw方法吧。 Draw过程比较简单,主要作用是将View绘制到屏幕上面,先看一下draw方法的源码:/** ...

RabbitMQ基础概念详解

RabbitMQ简介 AMQP,即Advanced Message Queuing Protocol,高级消息队列协议,是应用层协议的一个开放标准,为面向消息的中间件设计。消息中间件主要用于组件...

WebSocket详解(一)基础概念

初次接触websocket是做公司的年会弹幕系统,当时就是短时间突击怎么使用,并没有深入理解原理。现在公司年会结束,抽时间整理一下,写这两篇博客出来。WebSocket详解(一)基础概念 WebS...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:详解View的基础概念
举报原因:
原因补充:

(最多只允许输入30个字)