android 什么情况会onDraw

原创

mob64ca12f1c6f8 2024-08-20 10:47:59 ©著作权

文章标签 自定义 Android java 文章分类 Android 移动开发

©著作权归作者所有：来自51CTO博客作者mob64ca12f1c6f8的原创作品，请联系作者获取转载授权，否则将追究法律责任

Android中的onDraw方法详解

在Android开发中，onDraw方法是一个非常重要的概念。了解何时会调用onDraw方法对于绘制自定义界面元素至关重要。在这篇文章中，我们将详细探讨onDraw的工作流程，并提供示例代码，帮助你全面理解这一过程。

工作流程概述

在Android中，布局和绘制的过程大致可以分为以下几个步骤：

步骤	描述
1	创建View对象，或通过XML布局加载布局
2	调用View的`measure`方法，计算大小
3	调用View的`layout`方法，放置视图
4	调用View的`onDraw`方法，进行绘制
5	View完成绘制并显示在屏幕上

接下来，我们将逐步解析这些步骤。

详细步骤解析

1. 创建View对象

首先，你需要创建一个自定义的View类，该类需要继承自View或其子类。下面是一个简单自定义View的例子：

public class MyCustomView extends View {
    public MyCustomView(Context context) {
        super(context);
    }
    
    public MyCustomView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        // 自定义绘制内容
    }
}

上面的代码中，MyCustomView类扩展了View类。这样你就可以在onDraw方法中添加自定义绘制逻辑。

2. 计算大小（measure）

当系统需要绘制一个View时，会首先调用measure方法，计算View应该占用的空间。你可以重写onMeasure方法来定制View的大小。

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    int width = MeasureSpec.getSize(widthMeasureSpec);
    int height = MeasureSpec.getSize(heightMeasureSpec);
    
    // 设置你的宽高 
    setMeasuredDimension(width, height);
}

这里的onMeasure方法是用来计算View的宽高并设置的。

3. 布局（layout）

接下来，调用layout方法将View放置在屏幕上的特定位置。

@Override
protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
    // 在这里定义View的布局
    layout(left, top, right, bottom);
}

onLayout方法决定了View的最终位置。

4. 绘制（onDraw）

最后，onDraw方法被调用用于绘制内容。你可以在这里使用Canvas绘制各种形状、文本或图片。

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    Paint paint = new Paint();
    paint.setColor(Color.RED);
    // 绘制一个简单的圆
    canvas.drawCircle(getWidth() / 2, getHeight() / 2, 100, paint);
}

在这个例子中，我们使用Canvas绘制了一个红色的圆，圆心在View的中心。

5. 完成绘制

所有步骤完成后，系统将该View显示在屏幕上。此阶段，onDraw方法已经将视图内容绘制出来。

状态图

状态图可以帮助我们理解View的不同状态。下面是一个简单的状态图，表示View状态转变的过程。

stateDiagram
    [*] --> Created
    Created --> Measured
    Measured --> Layout
    Layout --> Drawn
    Drawn --> [*]

序列图

序列图有助于理解方法调用的顺序：

sequenceDiagram
    participant A as Activity
    participant B as View
    A->>B: create View
    B->>B: measure()
    B->>B: layout()
    B->>B: onDraw()