android精通自定义view,精通Android自定义View(三)View绘制三部曲综合简述

本文简述一下自定义View中常用方法

1 简述

自定义View可以认为是继承自View或者ViewGroup

Android中的任何一个布局、任何一个控件其实都是直接或间接继承自View的，如TextView、Button、ImageView、ListView等

任何一个视图都不可能凭空突然出现在屏幕上，它们都是要经过非常科学的绘制流程后才能显示出来的。每一个视图的绘制过程都必须经历三个最主要的阶段，即初始化、onMeasure()、onLayout()和onDraw()

2 自定义View 中构造函数说明

自定义一个View后，我们会使用这个View,那奥巴马就会涉及使用到相应的初始化函数即View的构造函数。

//构造函数会在new的时候调用

public CustomView(Context context) {

this(context, null);

}

//在布局中使用

public CustomView(Context context, @Nullable AttributeSet attrs) {

this(context, attrs, 0);

}

//布局layout中调用,但是会有style

public CustomView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

}

3 自定义View 中的 onMeasure 测量方法

measure是测量的意思，那么onMeasure()方法顾名思义就是用于测量视图的大小的。

一个界面的展示可能会涉及到很多次的measure，因为一个布局中一般都会包含多个子视图，每个视图都需要经历一次measure过程。ViewGroup中定义了一个measureChildren()方法来去测量子视图的大小

/**

* 自定义view的测量方法

*/

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

super.onMeasure(widthMeasureSpec, heightMeasureSpec);

//布局的宽高都是有这个方法指定

//指定控件的宽高,需要测量

//获取宽高的模式

int widthMode = MeasureSpec.getMode(widthMeasureSpec);

int heightMode = MeasureSpec.getMode(heightMeasureSpec);

/**

* MeasureSpec.AT_MOST : 在布局中指定了wrap_content

* MeasureSpec.EXACTLY : 在不居中指定了确切的值 100dp match_parent fill_parent

* MeasureSpec.UNSPECIFIED : 尽可能的大,很少能用到，ListView , ScrollView 在测量子布局的时候会用UNSPECIFIED

*/

//获取宽高的大小

int widthSize = MeasureSpec.getSize(widthMeasureSpec);

int heightSize = MeasureSpec.getSize(heightMeasureSpec);

}

4 自定义View 中的 onLayout()

measure过程结束后，视图的大小就已经测量好了，接下来就是layout的过程了。正如其名字所描述的一样，这个方法是用于给视图进行布局的，也就是确定视图的位置。

View中的onLayout()方法就是一个空方法，因为onLayout()过程是为了确定视图在布局中所在的位置，而这个操作应该是由布局来完成的，即父视图决定子视图的显示位置

ViewGroup中的onLayout()方法竟然是一个抽象方法，这就意味着所有ViewGroup的子类都必须重写这个方法。没错，像LinearLayout、RelativeLayout等布局，都是重写了这个方法，然后在内部按照各自的规则对子视图进行布局的。

5 自定义View 中的 onDraw 绘制方法

measure和layout的过程都结束后，接下来就进入到draw的过程了。同样，根据名字你就能够判断出，在这里才真正地开始对视图进行绘制。ViewRoot中的代码会继续执行并创建出一个Canvas对象，然后调用View的draw()方法来执行具体的绘制工作。

View是不会帮我们绘制内容部分的，因此需要每个视图根据想要展示的内容来自行绘制

在TextView、ImageView等类的源码，你会发现它们都有重写onDraw()这个方法，并且在里面执行了相当不少的绘制逻辑。绘制的方式主要是借助Canvas这个类，它会作为参数传入到onDraw()方法中，供给每个视图使用。Canvas这个类的用法非常丰富，基本可以把它当成一块画布，在上面绘制任意的东西

/**

* 用于绘制

*/

@Override

protected void onDraw(Canvas canvas) {

super.onDraw(canvas);

// 画文本

canvas.drawText();

// 画弧

canvas.drawArc();

// 画圆

canvas.drawCircle();

}

6 onTouchEvent:处理用户客户交互的

/**

* 处理用户客户交互的

*/

@Override

public boolean onTouchEvent(MotionEvent event) {

switch (event.getAction()) {

case MotionEvent.ACTION_DOWN:

// 手指按下

Log.e("TAG", "手指按下");

break;

case MotionEvent.ACTION_MOVE:

// 手指移动

Log.e("TAG", "手指移动");

break;

case MotionEvent.ACTION_UP:

// 手指抬起

Log.e("TAG", "手指抬起");

break;

default:

break;

}

return super.onTouchEvent(event);

}

本文同步分享在 博客“早起的年轻人”(CSDN)。

如有侵权，请联系 support@oschina.cn 删除。

本文参与“OSC源创计划”，欢迎正在阅读的你也加入，一起分享。