Android应用篇 - 从不同场景来理解 View 的绘制流程

最新推荐文章于 2020-11-30 06:31:01 发布
最新推荐文章于 2020-11-30 06:31:01 发布
阅读量305 收藏
点赞数 1
分类专栏： Android应用篇 文章标签： Android View绘制
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014294681/article/details/88555191
版权

很多文章都讲解了 View 的绘制流程，今天我想换种方式，用例子来理解。

 

目录：

  1. 准备工作
  2. 单个 View 测试
  3. ViewGroup + View 测试

 

 

1. 准备工作

准备两个自定义 View，分别重写 TextView 和 LinearLayout：

public class MyTextView extends TextView  {

    public MyTextView(Context context) {
        super(context);
        Log.i(Constants.TAG, "MyTextView constructor0");
    }

    public MyTextView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        Log.i(Constants.TAG, "MyTextView constructor1");
    }

    public MyTextView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        Log.i(Constants.TAG, "MyTextView constructor2");
    }

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        super.onLayout(changed, l, t, r, b);
        Log.i(Constants.TAG, "MyTextView onLayout:" + " changed = " + changed + " ,left = " + l + " ,top = " + t +
            " ,right = " + r + " ,bottom = " + b);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        Log.i(Constants.TAG, "MyTextView onMeasure:" + " widthMeasureSpec = " + widthMeasureSpec
            + " ,heightMeasureSpec = " + heightMeasureSpec);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        Log.i(Constants.TAG, "MyTextView onDraw");
    }
}
public class MyLinearLayout extends LinearLayout {

    public MyLinearLayout(Context context) {
        super(context);
        Log.i(Constants.TAG, "MyLinearLayout constructor0");
    }

    public MyLinearLayout(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        Log.i(Constants.TAG, "MyLinearLayout constructor1");
    }

    public MyLinearLayout(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        Log.i(Constants.TAG, "MyLinearLayout constructor2");
    }

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        Log.i(Constants.TAG, "MyLinearLayout onLayout start:" + " changed = " + changed + " ,left = " + l + " ,top = " + t +
            " ,right = " + r + " ,bottom = " + b);
        super.onLayout(changed, l, t, r, b);
        Log.i(Constants.TAG, "MyLinearLayout onLayout end:" + " changed = " + changed + " ,left = " + l + " ,top = " + t +
            " ,right = " + r + " ,bottom = " + b);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        Log.i(Constants.TAG, "MyLinearLayout onMeasure start:" + " widthMeasureSpec = " + widthMeasureSpec
            + " ,heightMeasureSpec = " + heightMeasureSpec);
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        Log.i(Constants.TAG, "MyLinearLayout onMeasure end:" + " widthMeasureSpec = " + widthMeasureSpec
            + " ,heightMeasureSpec = " + heightMeasureSpec);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        Log.i(Constants.TAG, "MyLinearLayout onDraw start");
        super.onDraw(canvas);
        Log.i(Constants.TAG, "MyLinearLayout onDraw end");
    }

    @Override
    protected void dispatchDraw(Canvas canvas) {
        Log.i(Constants.TAG, "MyLinearLayout dispatchDraw start");
        super.dispatchDraw(canvas);
        Log.i(Constants.TAG, "MyLinearLayout dispatchDraw end");
    }

    @Override
    protected boolean drawChild(Canvas canvas, View child, long drawingTime) {
        Log.i(Constants.TAG, "MyLinearLayout drawChild start");
        boolean b = super.drawChild(canvas, child, drawingTime);
        Log.i(Constants.TAG, "MyLinearLayout drawChild end");
        return b;
    }
}

 

 

2. 单个 View 测试

 

  • 2.1 布局文件

布局文件如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  xmlns:tools="http://schemas.android.com/tools"
  tools:context=".MainActivity"
  android:layout_height="match_parent"
  android:layout_width="match_parent"
  android:orientation="vertical">

  <io.kzw.androidview.MyTextView
    android:id="@+id/text"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"
    android:text="Hello World!"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

  <Button
    android:id="@+id/visible_btn"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="visible"/>

  <Button
    android:id="@+id/invisible_btn"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="invisible"/>

  <Button
    android:id="@+id/gone_btn"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="gone"/>

  <Button
    android:id="@+id/adjust_size_btn"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="adjust size"/>

  <Button
    android:id="@+id/change_text_btn"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="change text"/>

  <Button
    android:id="@+id/request_layout_btn"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="request layout"/>

  <Button
    android:id="@+id/invalidate_btn"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="invalidate"/>

  <Button
    android:id="@+id/post_invalidate_btn"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="post_invalidate"/>
</LinearLayout>

从布局中可以看到，我们测试的内容主要是对 TextView 做如下操作：

setVisibility(View.VISIBLE)

setVisibility(View.INVISIBLE)

setVisibility(View.GONE)

layoutParams.width = 300

setText()

requestLayout()

invalidate()

postInvalidate()

 

  • 2.2 测试结果
03-14 16:27:19.357 20645 20645 I TestView: MyTextView constructor1
03-14 16:27:19.514 20645 20645 I TestView: MyTextView onMeasure: widthMeasureSpec = -2147482570 ,heightMeasureSpec = -2147482232
03-14 16:27:19.555 20645 20645 I TestView: MyTextView onMeasure: widthMeasureSpec = -2147482568 ,heightMeasureSpec = -2147482056
03-14 16:27:19.557 20645 20645 I TestView: MyTextView onLayout: changed = true ,left = 0 ,top = 0 ,right = 209 ,bottom = 53
03-14 16:27:32.089 20645 20645 I TestView: MyTextView onDraw


03-14 16:27:42.327 20645 20645 I TestView: set INVISIBLE

03-14 16:27:45.754 20645 20645 I TestView: set VISIBLE
03-14 16:27:45.766 20645 20645 I TestView: MyTextView onDraw

03-14 16:27:51.492 20645 20645 I TestView: set GONE

03-14 16:27:53.238 20645 20645 I TestView: set VISIBLE
03-14 16:27:53.243 20645 20645 I TestView: MyTextView onMeasure: widthMeasureSpec = -2147482568 ,heightMeasureSpec = -2147482056
03-14 16:27:53.245 20645 20645 I TestView: MyTextView onLayout: changed = false ,left = 0 ,top = 0 ,right = 209 ,bottom = 53
03-14 16:27:53.251 20645 20645 I TestView: MyTextView onDraw


03-14 16:27:56.644 20645 20645 I TestView: adjustSize

03-14 16:28:00.282 20645 20645 I TestView: setText
03-14 16:28:00.291 20645 20645 I TestView: MyTextView onDraw


03-14 16:28:04.229 20645 20645 I TestView: requestLayout
03-14 16:28:04.235 20645 20645 I TestView: MyTextView onMeasure: widthMeasureSpec = 1073742124 ,heightMeasureSpec = -2147482056
03-14 16:28:04.239 20645 20645 I TestView: MyTextView onLayout: changed = true ,left = 0 ,top = 0 ,right = 300 ,bottom = 53
03-14 16:28:04.241 20645 20645 I TestView: MyTextView onDraw


03-14 16:28:06.866 20645 20645 I TestView: invalidate
03-14 16:28:06.876 20645 20645 I TestView: MyTextView onDraw


03-14 16:28:08.352 20645 20645 I TestView: postInvalidate
03-14 16:28:08.366 20645 20645 I TestView: MyTextView onDraw
  • (1) 初始化状态：

  • (2) setVisibility(View.INVISIBLE) -> setVisibility(View.VISIBLE) -> setVisibility(View.GONE) -> setVisibility(View.VISIBLE)：

可以看出，从可见到不可见，都没有回调，但是从不可见到可见都会回调 onDraw()，只不过从 GONE 到 VISIBLE 会重新回调 onMeasure() 和 onLayout()。

 

  • (3) 重置宽高

无任何回调。

 

  • (4) setText()

回调 onDraw()。

 

  • (5) requestLayout()

回调 onMeasure() -> onLayout() -> onDraw()。

 

  • (6) invalidate() | postInvalidate()

回调 onDraw()。

 

 

3. ViewGroup + View 测试

 

  • 3.1 布局文件
  <io.kzw.androidview.MyLinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <io.kzw.androidview.MyTextView
      android:id="@+id/text"
      android:layout_height="wrap_content"
      android:layout_width="wrap_content"
      android:text="Hello World!"
      app:layout_constraintBottom_toBottomOf="parent"
      app:layout_constraintLeft_toLeftOf="parent"
      app:layout_constraintRight_toRightOf="parent"
      app:layout_constraintTop_toTopOf="parent" />
  </io.kzw.androidview.MyLinearLayout>

在 TextView 外层包一个父容器。

 

  • 3.2 只变化 TextView
03-14 17:29:28.352 26138 26138 I TestView: MyLinearLayout constructor1
03-14 17:29:28.356 26138 26138 I TestView: MyTextView constructor1
03-14 17:29:28.450 26138 26138 I TestView: MyLinearLayout onMeasure start: widthMeasureSpec = 1073742902 ,heightMeasureSpec = -2147482232
03-14 17:29:28.451 26138 26138 I TestView: MyTextView onMeasure: widthMeasureSpec = -2147482570 ,heightMeasureSpec = -2147482232
03-14 17:29:28.452 26138 26138 I TestView: MyLinearLayout onMeasure end: widthMeasureSpec = 1073742902 ,heightMeasureSpec = -2147482232
03-14 17:29:28.467 26138 26138 I TestView: MyLinearLayout onMeasure start: widthMeasureSpec = 1073742904 ,heightMeasureSpec = -2147482056
03-14 17:29:28.468 26138 26138 I TestView: MyTextView onMeasure: widthMeasureSpec = -2147482568 ,heightMeasureSpec = -2147482056
03-14 17:29:28.468 26138 26138 I TestView: MyLinearLayout onMeasure end: widthMeasureSpec = 1073742904 ,heightMeasureSpec = -2147482056
03-14 17:29:28.470 26138 26138 I TestView: MyLinearLayout onLayout start: changed = true ,left = 0 ,top = 0 ,right = 1080 ,bottom = 53
03-14 17:29:28.471 26138 26138 I TestView: MyTextView onLayout: changed = true ,left = 0 ,top = 0 ,right = 209 ,bottom = 53
03-14 17:29:28.471 26138 26138 I TestView: MyLinearLayout onLayout end: changed = true ,left = 0 ,top = 0 ,right = 1080 ,bottom = 53
03-14 17:29:28.489 26138 26138 I TestView: MyLinearLayout dispatchDraw start
03-14 17:29:28.489 26138 26138 I TestView: MyLinearLayout drawChild start
03-14 17:29:28.489 26138 26138 I TestView: MyTextView onDraw
03-14 17:29:28.489 26138 26138 I TestView: MyLinearLayout drawChild end
03-14 17:29:28.489 26138 26138 I TestView: MyLinearLayout dispatchDraw end



03-14 17:29:32.026 26138 26138 I TestView: set INVISIBLE
03-14 17:29:32.045 26138 26138 I TestView: MyLinearLayout dispatchDraw start
03-14 17:29:32.045 26138 26138 I TestView: MyLinearLayout dispatchDraw end


03-14 17:29:40.658 26138 26138 I TestView: set VISIBLE
03-14 17:29:40.668 26138 26138 I TestView: MyLinearLayout dispatchDraw start
03-14 17:29:40.668 26138 26138 I TestView: MyLinearLayout drawChild start
03-14 17:29:40.669 26138 26138 I TestView: MyTextView onDraw
03-14 17:29:40.669 26138 26138 I TestView: MyLinearLayout drawChild end
03-14 17:29:40.669 26138 26138 I TestView: MyLinearLayout dispatchDraw end



03-14 17:29:46.415 26138 26138 I TestView: set GONE
03-14 17:29:46.422 26138 26138 I TestView: MyLinearLayout onMeasure start: widthMeasureSpec = 1073742904 ,heightMeasureSpec = -2147482056
03-14 17:29:46.422 26138 26138 I TestView: MyLinearLayout onMeasure end: widthMeasureSpec = 1073742904 ,heightMeasureSpec = -2147482056
03-14 17:29:46.432 26138 26138 I TestView: MyLinearLayout onLayout start: changed = true ,left = 0 ,top = 0 ,right = 1080 ,bottom = 0
03-14 17:29:46.432 26138 26138 I TestView: MyLinearLayout onLayout end: changed = true ,left = 0 ,top = 0 ,right = 1080 ,bottom = 0
03-14 17:29:46.452 26138 26138 I TestView: MyLinearLayout dispatchDraw start
03-14 17:29:46.452 26138 26138 I TestView: MyLinearLayout dispatchDraw end




03-14 17:29:48.538 26138 26138 I TestView: set VISIBLE
03-14 17:29:48.546 26138 26138 I TestView: MyLinearLayout onMeasure start: widthMeasureSpec = 1073742904 ,heightMeasureSpec = -2147482056
03-14 17:29:48.546 26138 26138 I TestView: MyTextView onMeasure: widthMeasureSpec = -2147482568 ,heightMeasureSpec = -2147482056
03-14 17:29:48.547 26138 26138 I TestView: MyLinearLayout onMeasure end: widthMeasureSpec = 1073742904 ,heightMeasureSpec = -2147482056
03-14 17:29:48.551 26138 26138 I TestView: MyLinearLayout onLayout start: changed = true ,left = 0 ,top = 0 ,right = 1080 ,bottom = 53
03-14 17:29:48.551 26138 26138 I TestView: MyTextView onLayout: changed = false ,left = 0 ,top = 0 ,right = 209 ,bottom = 53
03-14 17:29:48.551 26138 26138 I TestView: MyLinearLayout onLayout end: changed = true ,left = 0 ,top = 0 ,right = 1080 ,bottom = 53
03-14 17:29:48.561 26138 26138 I TestView: MyLinearLayout dispatchDraw start
03-14 17:29:48.561 26138 26138 I TestView: MyLinearLayout drawChild start
03-14 17:29:48.562 26138 26138 I TestView: MyTextView onDraw
03-14 17:29:48.562 26138 26138 I TestView: MyLinearLayout drawChild end
03-14 17:29:48.562 26138 26138 I TestView: MyLinearLayout dispatchDraw end





03-14 17:29:51.325 26138 26138 I TestView: adjustSize



03-14 17:29:55.185 26138 26138 I TestView: setText
03-14 17:29:55.192 26138 26138 I TestView: MyTextView onDraw


03-14 17:29:58.401 26138 26138 I TestView: requestLayout
03-14 17:29:58.408 26138 26138 I TestView: MyLinearLayout onMeasure start: widthMeasureSpec = 1073742904 ,heightMeasureSpec = -2147482056
03-14 17:29:58.409 26138 26138 I TestView: MyTextView onMeasure: widthMeasureSpec = 1073742124 ,heightMeasureSpec = -2147482056
03-14 17:29:58.409 26138 26138 I TestView: MyLinearLayout onMeasure end: widthMeasureSpec = 1073742904 ,heightMeasureSpec = -2147482056
03-14 17:29:58.411 26138 26138 I TestView: MyLinearLayout onLayout start: changed = false ,left = 0 ,top = 0 ,right = 1080 ,bottom = 53
03-14 17:29:58.412 26138 26138 I TestView: MyTextView onLayout: changed = true ,left = 0 ,top = 0 ,right = 300 ,bottom = 53
03-14 17:29:58.412 26138 26138 I TestView: MyLinearLayout onLayout end: changed = false ,left = 0 ,top = 0 ,right = 1080 ,bottom = 53
03-14 17:29:58.414 26138 26138 I TestView: MyLinearLayout dispatchDraw start
03-14 17:29:58.414 26138 26138 I TestView: MyLinearLayout drawChild start
03-14 17:29:58.415 26138 26138 I TestView: MyTextView onDraw
03-14 17:29:58.415 26138 26138 I TestView: MyLinearLayout drawChild end
03-14 17:29:58.415 26138 26138 I TestView: MyLinearLayout dispatchDraw end





03-14 17:30:02.589 26138 26138 I TestView: invalidate
03-14 17:30:02.599 26138 26138 I TestView: MyTextView onDraw



03-14 17:30:04.953 26138 26138 I TestView: postInvalidate
03-14 17:30:04.969 26138 26138 I TestView: MyTextView onDraw
  • (1) 初始化状态

  • (2) setVisibility(View.INVISIBLE) -> setVisibility(View.VISIBLE) -> setVisibility(View.GONE) -> setVisibility(View.VISIBLE)：

由可见到不可见，都会回调 MyLinearLayout 的 dispatchDraw()，MyTextView 无任何回调，区别在于 GONE 时 MyLinearLayout 会重新执行 onMeasure() 和 onLayout()。 从不可见到可见，MyLinearLayout 和 MyTextView 都会走一次 draw() 的流程，区别在于从 GONE 到可见，会重新走一次 MyLinearLayout 和 MyTextView 的 measure、layout 流程。

补充一点，没有看到 MyLinearLayout 的 onDraw() 回调啊？

ViewGroup 默认情况下，会被设置成 WILL_NOT_DRAW，这是从性能考虑，这样一来，onDraw() 就不会被调用了。

如果希望 onDraw() 回调，有两种方法：

  1. 给 ViewGroup 设置一个背景。
  2. 在构造函数里面，调用 setWillNotDraw(false)，去掉其 WILL_NOT_DRAW flag。

比如上面给 MyLinearLayout 在布局中设置背景，看看上述场景的打印回调：

03-14 18:27:02.580 28063 28063 I TestView: MyLinearLayout constructor1
03-14 18:27:02.583 28063 28063 I TestView: MyTextView constructor1
03-14 18:27:02.685 28063 28063 I TestView: MyLinearLayout onMeasure start: widthMeasureSpec = 1073742902 ,heightMeasureSpec = -2147482232
03-14 18:27:02.687 28063 28063 I TestView: MyTextView onMeasure: widthMeasureSpec = -2147482570 ,heightMeasureSpec = -2147482232
03-14 18:27:02.687 28063 28063 I TestView: MyLinearLayout onMeasure end: widthMeasureSpec = 1073742902 ,heightMeasureSpec = -2147482232
03-14 18:27:02.720 28063 28063 I TestView: MyLinearLayout onMeasure start: widthMeasureSpec = 1073742904 ,heightMeasureSpec = -2147482056
03-14 18:27:02.720 28063 28063 I TestView: MyTextView onMeasure: widthMeasureSpec = -2147482568 ,heightMeasureSpec = -2147482056
03-14 18:27:02.720 28063 28063 I TestView: MyLinearLayout onMeasure end: widthMeasureSpec = 1073742904 ,heightMeasureSpec = -2147482056
03-14 18:27:02.722 28063 28063 I TestView: MyLinearLayout onLayout start: changed = true ,left = 0 ,top = 0 ,right = 1080 ,bottom = 53
03-14 18:27:02.722 28063 28063 I TestView: MyTextView onLayout: changed = true ,left = 0 ,top = 0 ,right = 209 ,bottom = 53
03-14 18:27:02.722 28063 28063 I TestView: MyLinearLayout onLayout end: changed = true ,left = 0 ,top = 0 ,right = 1080 ,bottom = 53
03-14 18:27:02.739 28063 28063 I TestView: MyLinearLayout onDraw start
03-14 18:27:02.739 28063 28063 I TestView: MyLinearLayout onDraw end
03-14 18:27:02.739 28063 28063 I TestView: MyLinearLayout dispatchDraw start
03-14 18:27:02.739 28063 28063 I TestView: MyLinearLayout drawChild start
03-14 18:27:02.740 28063 28063 I TestView: MyTextView onDraw
03-14 18:27:02.740 28063 28063 I TestView: MyLinearLayout drawChild end
03-14 18:27:02.740 28063 28063 I TestView: MyLinearLayout dispatchDraw end








03-14 18:27:06.697 28063 28063 I TestView: set INVISIBLE
03-14 18:27:06.707 28063 28063 I TestView: MyLinearLayout onDraw start
03-14 18:27:06.707 28063 28063 I TestView: MyLinearLayout onDraw end
03-14 18:27:06.707 28063 28063 I TestView: MyLinearLayout dispatchDraw start
03-14 18:27:06.707 28063 28063 I TestView: MyLinearLayout dispatchDraw end





03-14 18:27:28.553 28063 28063 I TestView: set VISIBLE
03-14 18:27:28.560 28063 28063 I TestView: MyLinearLayout onDraw start
03-14 18:27:28.560 28063 28063 I TestView: MyLinearLayout onDraw end
03-14 18:27:28.560 28063 28063 I TestView: MyLinearLayout dispatchDraw start
03-14 18:27:28.560 28063 28063 I TestView: MyLinearLayout drawChild start
03-14 18:27:28.561 28063 28063 I TestView: MyTextView onDraw
03-14 18:27:28.561 28063 28063 I TestView: MyLinearLayout drawChild end
03-14 18:27:28.561 28063 28063 I TestView: MyLinearLayout dispatchDraw end






03-14 18:27:41.052 28063 28063 I TestView: set GONE
03-14 18:27:41.065 28063 28063 I TestView: MyLinearLayout onMeasure start: widthMeasureSpec = 1073742904 ,heightMeasureSpec = -2147482056
03-14 18:27:41.066 28063 28063 I TestView: MyLinearLayout onMeasure end: widthMeasureSpec = 1073742904 ,heightMeasureSpec = -2147482056
03-14 18:27:41.072 28063 28063 I TestView: MyLinearLayout onLayout start: changed = true ,left = 0 ,top = 0 ,right = 1080 ,bottom = 0
03-14 18:27:41.072 28063 28063 I TestView: MyLinearLayout onLayout end: changed = true ,left = 0 ,top = 0 ,right = 1080 ,bottom = 0
03-14 18:27:41.088 28063 28063 I TestView: MyLinearLayout onDraw start
03-14 18:27:41.088 28063 28063 I TestView: MyLinearLayout onDraw end
03-14 18:27:41.088 28063 28063 I TestView: MyLinearLayout dispatchDraw start
03-14 18:27:41.088 28063 28063 I TestView: MyLinearLayout dispatchDraw end




03-14 18:27:54.257 28063 28063 I TestView: set VISIBLE
03-14 18:27:54.266 28063 28063 I TestView: MyLinearLayout onMeasure start: widthMeasureSpec = 1073742904 ,heightMeasureSpec = -2147482056
03-14 18:27:54.266 28063 28063 I TestView: MyTextView onMeasure: widthMeasureSpec = -2147482568 ,heightMeasureSpec = -2147482056
03-14 18:27:54.266 28063 28063 I TestView: MyLinearLayout onMeasure end: widthMeasureSpec = 1073742904 ,heightMeasureSpec = -2147482056
03-14 18:27:54.269 28063 28063 I TestView: MyLinearLayout onLayout start: changed = true ,left = 0 ,top = 0 ,right = 1080 ,bottom = 53
03-14 18:27:54.269 28063 28063 I TestView: MyTextView onLayout: changed = false ,left = 0 ,top = 0 ,right = 209 ,bottom = 53
03-14 18:27:54.270 28063 28063 I TestView: MyLinearLayout onLayout end: changed = true ,left = 0 ,top = 0 ,right = 1080 ,bottom = 53
03-14 18:27:54.275 28063 28063 I TestView: MyLinearLayout onDraw start
03-14 18:27:54.275 28063 28063 I TestView: MyLinearLayout onDraw end
03-14 18:27:54.275 28063 28063 I TestView: MyLinearLayout dispatchDraw start
03-14 18:27:54.275 28063 28063 I TestView: MyLinearLayout drawChild start
03-14 18:27:54.275 28063 28063 I TestView: MyTextView onDraw
03-14 18:27:54.276 28063 28063 I TestView: MyLinearLayout drawChild end
03-14 18:27:54.276 28063 28063 I TestView: MyLinearLayout dispatchDraw end





03-14 18:27:57.467 28063 28063 I TestView: adjustSize



03-14 18:28:01.910 28063 28063 I TestView: setText
03-14 18:28:01.921 28063 28063 I TestView: MyTextView onDraw



03-14 18:28:05.057 28063 28063 I TestView: requestLayout
03-14 18:28:05.062 28063 28063 I TestView: MyLinearLayout onMeasure start: widthMeasureSpec = 1073742904 ,heightMeasureSpec = -2147482056
03-14 18:28:05.062 28063 28063 I TestView: MyTextView onMeasure: widthMeasureSpec = 1073742124 ,heightMeasureSpec = -2147482056
03-14 18:28:05.062 28063 28063 I TestView: MyLinearLayout onMeasure end: widthMeasureSpec = 1073742904 ,heightMeasureSpec = -2147482056
03-14 18:28:05.065 28063 28063 I TestView: MyLinearLayout onLayout start: changed = false ,left = 0 ,top = 0 ,right = 1080 ,bottom = 53
03-14 18:28:05.065 28063 28063 I TestView: MyTextView onLayout: changed = true ,left = 0 ,top = 0 ,right = 300 ,bottom = 53
03-14 18:28:05.066 28063 28063 I TestView: MyLinearLayout onLayout end: changed = false ,left = 0 ,top = 0 ,right = 1080 ,bottom = 53
03-14 18:28:05.068 28063 28063 I TestView: MyLinearLayout onDraw start
03-14 18:28:05.068 28063 28063 I TestView: MyLinearLayout onDraw end
03-14 18:28:05.068 28063 28063 I TestView: MyLinearLayout dispatchDraw start
03-14 18:28:05.068 28063 28063 I TestView: MyLinearLayout drawChild start
03-14 18:28:05.069 28063 28063 I TestView: MyTextView onDraw
03-14 18:28:05.069 28063 28063 I TestView: MyLinearLayout drawChild end
03-14 18:28:05.069 28063 28063 I TestView: MyLinearLayout dispatchDraw end




03-14 18:28:08.560 28063 28063 I TestView: invalidate
03-14 18:28:08.566 28063 28063 I TestView: MyTextView onDraw



03-14 18:28:10.615 28063 28063 I TestView: postInvalidate
03-14 18:28:10.636 28063 28063 I TestView: MyTextView onDraw

可以看到，MyLinearLayout 在所有会调用 dispatchDraw() 的场景之前都会调用 onDraw()。

 

  • (3) 调整宽高

无任何回调。

 

  • (4) setText()

MyTextView 回调 onDraw()。

 

  • (5) requestLayout()

MyLinearLayout 和 MyTextView 重走一遍 measure()，layout() 和 draw() 流程。

 

  • (6) invalidate() | postInvalidate()

MyTextView 回调 onDraw()。

 

  • 3.3 只变化 LinearLayout
03-14 18:40:18.954 28063 28063 I TestView: MyLinearLayout onDraw start
03-14 18:40:18.954 28063 28063 I TestView: MyLinearLayout onDraw end
03-14 18:40:18.954 28063 28063 I TestView: MyLinearLayout dispatchDraw start
03-14 18:40:18.954 28063 28063 I TestView: MyLinearLayout drawChild start
03-14 18:40:18.954 28063 28063 I TestView: MyTextView onDraw
03-14 18:40:18.954 28063 28063 I TestView: MyLinearLayout drawChild end
03-14 18:40:18.954 28063 28063 I TestView: MyLinearLayout dispatchDraw end
03-14 18:40:22.152 28639 28639 I TestView: MyLinearLayout constructor1
03-14 18:40:22.155 28639 28639 I TestView: MyTextView constructor1
03-14 18:40:22.258 28639 28639 I TestView: MyLinearLayout onMeasure start: widthMeasureSpec = 1073742902 ,heightMeasureSpec = -2147482232
03-14 18:40:22.260 28639 28639 I TestView: MyTextView onMeasure: widthMeasureSpec = -2147482570 ,heightMeasureSpec = -2147482232
03-14 18:40:22.260 28639 28639 I TestView: MyLinearLayout onMeasure end: widthMeasureSpec = 1073742902 ,heightMeasureSpec = -2147482232
03-14 18:40:22.277 28639 28639 I TestView: MyLinearLayout onMeasure start: widthMeasureSpec = 1073742904 ,heightMeasureSpec = -2147482056
03-14 18:40:22.277 28639 28639 I TestView: MyTextView onMeasure: widthMeasureSpec = -2147482568 ,heightMeasureSpec = -2147482056
03-14 18:40:22.277 28639 28639 I TestView: MyLinearLayout onMeasure end: widthMeasureSpec = 1073742904 ,heightMeasureSpec = -2147482056
03-14 18:40:22.280 28639 28639 I TestView: MyLinearLayout onLayout start: changed = true ,left = 0 ,top = 0 ,right = 1080 ,bottom = 53
03-14 18:40:22.280 28639 28639 I TestView: MyTextView onLayout: changed = true ,left = 0 ,top = 0 ,right = 209 ,bottom = 53
03-14 18:40:22.280 28639 28639 I TestView: MyLinearLayout onLayout end: changed = true ,left = 0 ,top = 0 ,right = 1080 ,bottom = 53
03-14 18:40:22.298 28639 28639 I TestView: MyLinearLayout onDraw start
03-14 18:40:22.298 28639 28639 I TestView: MyLinearLayout onDraw end
03-14 18:40:22.298 28639 28639 I TestView: MyLinearLayout dispatchDraw start
03-14 18:40:22.298 28639 28639 I TestView: MyLinearLayout drawChild start
03-14 18:40:22.298 28639 28639 I TestView: MyTextView onDraw
03-14 18:40:22.299 28639 28639 I TestView: MyLinearLayout drawChild end
03-14 18:40:22.299 28639 28639 I TestView: MyLinearLayout dispatchDraw end





03-14 18:40:34.144 28639 28639 I TestView: set INVISIBLE



03-14 18:40:45.464 28639 28639 I TestView: set VISIBLE
03-14 18:40:45.471 28639 28639 I TestView: MyLinearLayout onDraw start
03-14 18:40:45.471 28639 28639 I TestView: MyLinearLayout onDraw end
03-14 18:40:45.471 28639 28639 I TestView: MyLinearLayout dispatchDraw start
03-14 18:40:45.471 28639 28639 I TestView: MyLinearLayout drawChild start
03-14 18:40:45.471 28639 28639 I TestView: MyTextView onDraw
03-14 18:40:45.471 28639 28639 I TestView: MyLinearLayout drawChild end
03-14 18:40:45.471 28639 28639 I TestView: MyLinearLayout dispatchDraw end



03-14 18:40:52.394 28639 28639 I TestView: set GONE




03-14 18:40:56.821 28639 28639 I TestView: set VISIBLE
03-14 18:40:56.828 28639 28639 I TestView: MyLinearLayout onMeasure start: widthMeasureSpec = 1073742904 ,heightMeasureSpec = -2147482056
03-14 18:40:56.828 28639 28639 I TestView: MyLinearLayout onMeasure end: widthMeasureSpec = 1073742904 ,heightMeasureSpec = -2147482056
03-14 18:40:56.831 28639 28639 I TestView: MyLinearLayout onLayout start: changed = false ,left = 0 ,top = 0 ,right = 1080 ,bottom = 53
03-14 18:40:56.832 28639 28639 I TestView: MyLinearLayout onLayout end: changed = false ,left = 0 ,top = 0 ,right = 1080 ,bottom = 53
03-14 18:40:56.838 28639 28639 I TestView: MyLinearLayout onDraw start
03-14 18:40:56.838 28639 28639 I TestView: MyLinearLayout onDraw end
03-14 18:40:56.838 28639 28639 I TestView: MyLinearLayout dispatchDraw start
03-14 18:40:56.838 28639 28639 I TestView: MyLinearLayout drawChild start
03-14 18:40:56.839 28639 28639 I TestView: MyTextView onDraw
03-14 18:40:56.840 28639 28639 I TestView: MyLinearLayout drawChild end
03-14 18:40:56.840 28639 28639 I TestView: MyLinearLayout dispatchDraw end




03-14 18:41:05.854 28639 28639 I TestView: adjustSize



03-14 18:41:10.626 28639 28639 I TestView: requestLayout
03-14 18:41:10.632 28639 28639 I TestView: MyLinearLayout onMeasure start: widthMeasureSpec = 1073742124 ,heightMeasureSpec = -2147482056
03-14 18:41:10.633 28639 28639 I TestView: MyTextView onMeasure: widthMeasureSpec = -2147483348 ,heightMeasureSpec = -2147482056
03-14 18:41:10.633 28639 28639 I TestView: MyLinearLayout onMeasure end: widthMeasureSpec = 1073742124 ,heightMeasureSpec = -2147482056
03-14 18:41:10.637 28639 28639 I TestView: MyLinearLayout onLayout start: changed = true ,left = 0 ,top = 0 ,right = 300 ,bottom = 53
03-14 18:41:10.637 28639 28639 I TestView: MyTextView onLayout: changed = false ,left = 0 ,top = 0 ,right = 209 ,bottom = 53
03-14 18:41:10.637 28639 28639 I TestView: MyLinearLayout onLayout end: changed = true ,left = 0 ,top = 0 ,right = 300 ,bottom = 53
03-14 18:41:10.641 28639 28639 I TestView: MyLinearLayout onDraw start
03-14 18:41:10.641 28639 28639 I TestView: MyLinearLayout onDraw end
03-14 18:41:10.641 28639 28639 I TestView: MyLinearLayout dispatchDraw start
03-14 18:41:10.641 28639 28639 I TestView: MyLinearLayout drawChild start
03-14 18:41:10.641 28639 28639 I TestView: MyLinearLayout drawChild end
03-14 18:41:10.641 28639 28639 I TestView: MyLinearLayout dispatchDraw end
03-14 18:41:10.654 28639 28639 I TestView: MyLinearLayout onDraw start
03-14 18:41:10.654 28639 28639 I TestView: MyLinearLayout onDraw end
03-14 18:41:10.654 28639 28639 I TestView: MyLinearLayout dispatchDraw start
03-14 18:41:10.654 28639 28639 I TestView: MyLinearLayout drawChild start
03-14 18:41:10.654 28639 28639 I TestView: MyLinearLayout drawChild end
03-14 18:41:10.655 28639 28639 I TestView: MyLinearLayout dispatchDraw end




03-14 18:41:13.262 28639 28639 I TestView: invalidate
03-14 18:41:13.271 28639 28639 I TestView: MyLinearLayout onDraw start
03-14 18:41:13.271 28639 28639 I TestView: MyLinearLayout onDraw end
03-14 18:41:13.271 28639 28639 I TestView: MyLinearLayout dispatchDraw start
03-14 18:41:13.272 28639 28639 I TestView: MyLinearLayout drawChild start
03-14 18:41:13.272 28639 28639 I TestView: MyLinearLayout drawChild end
03-14 18:41:13.272 28639 28639 I TestView: MyLinearLayout dispatchDraw end





03-14 18:41:23.573 28639 28639 I TestView: postInvalidate
03-14 18:41:23.588 28639 28639 I TestView: MyLinearLayout onDraw start
03-14 18:41:23.588 28639 28639 I TestView: MyLinearLayout onDraw end
03-14 18:41:23.588 28639 28639 I TestView: MyLinearLayout dispatchDraw start
03-14 18:41:23.588 28639 28639 I TestView: MyLinearLayout drawChild start
03-14 18:41:23.588 28639 28639 I TestView: MyLinearLayout drawChild end
03-14 18:41:23.588 28639 28639 I TestView: MyLinearLayout dispatchDraw end

不画图，直接分析了：

  • 先 setInvisible()：无任何回调。
  • 然后 setVisible()：重新走一遍 MyLinearLayout 和 MyTextView 的 draw 流程。
  • 再 setGone()：无任何回调。
  • 接着 setVisible()：重走一遍 MyLinearLayout 和 MyTextView 的 measure，layout 和 draw 流程。
  • 调整宽高：无任何回调。
  • requestLayout()：重走一遍 MyLinearLayout 和 MyTextView 的 measure，layout 和 draw 流程。
  • invalidate() | postInvalidate()：重走一遍 MyLinearLayout 和 MyTextView 的 draw 流程。
Tony-老师
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android自定义控件提供颜色属性动态改变控件颜色
Shirley0207的博客
12-15 1万+
Android自定义控件提供颜色属性动态改变控件颜色 因为按钮的样式都是用xml文件实现的，因此颜色也是指定好的。后来想着别人要使用你的控件，颜色肯定需要和他们自己的应用搭配，所以如果要做好就需要提供一个属性，可以让使用者指定控件的主要颜色。
【Android】简单理解View的绘制流程
大东的博客
05-11 379
【笔记】【Android】View的绘制流程 测量Measure 首先，可以明确知道一个Activity的根View是DecorView，而DecorView extends FramLayout extends ViewGroup extends View。根据源码追踪，发现最先调用的是View.measure()。 public final void measure(int widthMeasureSpec, int heightMeasureSpec) { ... if (forceL
SurfaceView 和View 的应用场景
guangwen_lv的专栏
09-16 796
摘要 一、游戏的应用上，根据游戏的特点，一般分为两类： a. 被动更新画面的。比如棋类，这种用view就好。因为画面的跟新依赖于onTouch来更新，可以直接使用invalidate.因为这种情况下，这一次Touch和下一次Touch需要的时间比较长些，不会产生 影响。 b.主动更新   一、游戏的应用上，根据游戏的特点，一般分为两类： a. 被动更新
box-shadow属性四个值_从 View 的四个构造方法说起
weixin_39926749的博客
11-30 139
从 View 的四个构造方法说起image声明View 类的四个构造函数写过自定义 View 的都知道，View 有四个构造函数，一般大家都知道第一个构造方法是简单的在代码中new View 的时候调用的，第二个构造方法使用最广泛，是对应的生成 xml 中定义的 View 的时候调用的。剩下的两个构造方法，大家了解的就比较少了。一般在自定义 View 的时候都会不加思索的按照固定的写法。那么你有没...
Android自定义属性解析
欢迎关注微信公众号：DroidMind
10-08 3920
一般情况下，我们自定义一个View的时候往往会重载它的三个构造函数，如下：public class CustomView extends View { public CustomView(Context context) { this(context, null); } public CustomView(Context context, AttributeSet
Android应用源码-系统美化类安卓源代码（18例）.zip
10-23
在Android开发领域，系统美化是提升用户体验的重要环节。这个压缩包包含了18个与系统美化相关的安卓源代码实例，它们可以作为开发者学习和设计时的...学习和理解这些代码，将有助于你成为一名出色的Android应用开发者。
Android应用开发-FrameLayout的使用.pptx
最新发布
12-09
FrameLayout在Android应用开发中是基础布局之一，虽然它的应用场景相对有限，但了解其工作原理和使用方式对于Android开发者来说仍然至关重要。以下是关于FrameLayout及其使用的详细解释。 **FrameLayout简介** ...
Android自定义View实现绘制虚线的方法详解
01-20
总结来说，Android自定义View实现绘制虚线的方法有两种：一是利用Shape Drawable，简单但不灵活；二是使用Canvas和Paint的`setPathEffect(DashPathEffect)`，更加灵活，可以满足复杂的需求。开发者应根据实际场景...
Android安卓应用源码-视图效果类源代码（10例）.zip
10-23
这份"Android安卓应用源码-视图效果类源代码（10例）"的压缩包包含了一系列示例代码，旨在帮助开发者更好地理解和实现各种视图特效。通过深入研究这些源码，你可以学到如何在Android应用中添加动态、交互性和视觉...
Android-TrapezoidPartsView-梯形控件
08-13
这个组件通过自定义绘图和事件处理，为Android界面设计提供了更多可能性，尤其适用于那些追求独特视觉效果的应用场景。通过研究其源码，我们可以学习到如何在Android中实现自定义视图的绘制和事件监听，进一步提升...
对AttributeSet和defStyle的理解
baggio1006的专栏
02-28 703
在通过xml文件构造view组件的时候，往往都要使用到AttributeSet和defStyle这个两个参数，例如Button组件的构造方法Button(Context ctx, AttributeSet attrs, int defStyle)中，ctx会调用obtainStyledAttributes( AttributeSet set, int[] attrs, int defStyleAt
Android原生绘图进度条+简单自定义属性代码生成器
weixin_34244102的博客
11-09 374
零、前言 1.感觉切拼字符串是个很有意思的事，好的拼接方式可以自动生成一些很实用的东西 2.本文自定义控件并不是很高大上的东西，目的在于计录自定义控件的书写规范与行文流程 3.建议大家自定义控件时自定义属性有自己专属前缀，有利无害,何乐不为 4.本文是根据鸿洋在慕课网上的教程敲的：详见，自己修改并优化了一点逻辑和显示效果 先看一下效果： 一、简单自定义属性生成器 1.玩安卓的应该都写过自定...
Android自定义控件
刘永祥的专栏
10-28 4480
我们在开发的过程中，有时会遇到一些Android系统自带的控件解决不了我们的需求，比如说我们在开发项目时显示的图片轮播，当我们展示的时候不希望图片变形，还要保证图片能够完整的显示出来，我们如何做呢？如果只是一个简单的ImageView控件恐怕很难实现吧！有人会说ImageView的ScaleType属性就能够解决图片填充不满的问题，但是那样的话图片很容易失真，达不到产品原先的需求。首先我们来认识一下
自定义控件---基础入门篇
阿姆斯特哩的博客
01-25 1341
Android系统内置了许多控件，如果这些控件不能满足需求，您可以自定义自己的控件，自定义的控件必须继承View类。 三种自定义控件的方式 　　按实现方式来划分的话，自定义View分为三种：自绘控件、组合控件、以及继承控件。 - 自绘控件：View上所展现的内容全部都是我们自己绘制出来的。此种方式也是最难的，一般会通过直接继承View类来实现自定义控件。 - 继承控件：如果对已有
属性动画在Android自定义View中的应用场景
wcl_android@163.com
09-30 789
Android中动画的类型，按照系统版本可以简单的分为两大类型，一种是传统的动画，也就是Android中最常用的View动画，即帧动画和补间动画；另一种是Android3.0以后支持的PropertyAnimation,即属性动画。这两大类型的动画虽然在实现一些动画效果上有异曲同工之处，但实现方式和使用场景还是有较大的差别。View动画帧动画和补间动画是安卓中最常见的动画，表现形式有AlphaAni
View工作原理（三）——自定义View
诺冰羽的虚拟世界
11-27 260
之前暑假本来写了这方面的学习笔记，但由于给出的事例一直没有来得及写讲解所以一直在草稿箱里。今天，我准备重新写一下这里的总结。 自定义View有四个构造函数，第二个构造函数是我们在xml里写我们的View时会调用的，所以如果后面用到context注意要在这里初始化或者调用三参构造，并在三参构造里初始化。 首先，要先理解一下自定义View的SpecMode有三种模式，这样会使你的自定义View更正...
Android中View绘制流程以及invalidate()等相关方法分析
SunRaIN_的专栏
12-29 1230
转载请注明出处：http://blog.csdn.net/qinjuning 前言： 本文是我读《Android内核剖析》第13章----View工作原理总结而成的，在此膜拜下作者。同时真挚地向渴望了解 Android 框架层的网友，推荐这本书，希望你们能够在Android开发里学到更多的知识 。 整个View树的绘图流程是在ViewRoot.java类的perfor...
Android自定义View以及View的绘制流程
weixin_41729259的博客
03-08 3212
Android自定义View以及View的绘制流程 View类代表用户界面组件的基本构建块；View在屏幕上占据一个矩形区域，并负责绘制和事件处理；View是用于创建交互式用户界面组件（按钮、文本等）的基础类。 ViewGroup是View的子类，是所有布局的父类，是一个可以包含其他View或者ViewGroup并定义它们的布局属性一个看不见的容器。 实现一个自定义View，通常会覆写一些Fram...
android3D场景绘制1——房间的绘制
nate的专栏
10-26 4193
相信大家都会画矩形了，下面我们来画一个房间，大家想想怎么画了，我以前想用索引法把每个面都画出来，但是遇到了很多问题，画不出我想要的结果，其实还有种方法，那就是通过旋转，和位移变换，把矩形旋转和位移到长方体的各个面，再加工一下，这样就变成小房间了，下面我们来看看效果和代码吧。       package yy.cal; import android.app.Activity; impo

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值