Android UI 绘制之基础框架（二）

序言

继《Android UI 绘制之基础框架（一）》阐述了 View 的功能和优点后，本文将深入浅出地剖析 View 的实现原理，并通过实际编码演示，带领读者踏上自定义 View 的探索之旅。

View 的绘制原理

1. Measure

绘制之始，View 需要知道自己有多大。Measure 阶段，系统会调用 View 的 onMeasure 方法，传入一个包含父 View 限制条件的 MeasureSpec，View 根据该限制条件计算自己的大小。

2. Layout

知道了自己有多大后，View 需要确定自己的位置。Layout 阶段，系统会调用 View 的 onLayout 方法，传入一个 Rect，表示 View 在父 View 中的位置。

3. Draw

位置确定后，View 就可以绘制自己了。Draw 阶段，系统会调用 View 的 onDraw 方法，View 在该方法中绘制自己的内容。

自绘 View

1. 创建 Custom View

自定义 View 的第一步是创建一个继承自 View 的类。在该类中，重写 onMeasure、onLayout、onDraw 方法，实现自己的绘制逻辑。

2. Measure

onMeasure 方法中，根据 MeasureSpec 计算 View 的大小。MeasureSpec 提供了三种测量模式：

• EXACTLY：父 View 指定了精确的大小。
• AT_MOST：父 View 给出了最大限制，View 可以小于或等于该限制。
• UNSPECIFIED：父 View 没有限制，View 可以任意大小。

3. Layout

onLayout 方法中，根据父 View 传入的 Rect，确定 View 的位置。

4. Draw

onDraw 方法中，使用 Canvas 对象进行绘制。Canvas 提供了丰富的绘制 API，如 drawRect、drawLine、drawText 等。

事件处理

View 可以响应各种事件，如点击、滑动、长按等。事件处理主要通过以下方法实现：

• onTouchEvent：处理触摸事件。
• onClickListener：处理点击事件。
• onLongClickListener：处理长按事件。

实践案例：自定义圆形 ImageView

为了加深理解，我们以自定义圆形 ImageView 为例，进行实际编码演示：

1. 创建 Custom View

public class CircleImageView extends ImageView {

    public CircleImageView(Context context) {
        super(context);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        // 强制 View 为正方形
        super.onMeasure(widthMeasureSpec, widthMeasureSpec);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        // 根据 View 的大小绘制一个圆形
        canvas.drawCircle(getWidth() / 2, getHeight() / 2, getWidth() / 2, paint);
    }
}

2. 使用 Custom View

<com.example.customview.CircleImageView
    android:layout_width="100dp"
    android:layout_height="100dp" />

结语

通过对 View 绘制原理的深入理解和自定义 View 的实践，读者可以掌握 Android UI 绘制的核心知识。在实际开发中，灵活运用这些知识，能够打造出更加个性化、交互性更强的界面。