[译]Android view 测量布局和绘制的流程

原文链接

创造优秀的用户体验是我们开发者的主要目标之一.为此, 我们首先要了解系统是如何工作的, 这样我们才可以更好的与系统配合, 从它的优点中获益, 规避它的缺陷.



之前关于Android渲染过程的文章

这次我们主要关注Measure/Layout(测量和布局)的阶段, 这些阶段决定了视图的大小和位置, 以便于我们能够绘制它.

Step 1: Measure 测量

目标: 确定是图的大小

视图的大小包含其子视图的大小, 且必须符合其父视图的要求

视图的大小由2个方面决定:

  • 测量宽度与测量高度 - 视图在其父视图中想要占据多大空间.这是此阶段我们需要的大小.
  • 宽度与高度(也就是绘制高度与绘制宽度) - 在绘制和布局阶段, 视图在屏幕上视图的大小. 这个大小会在step2中算出.

How does it work?

  • 自顶向下递归的遍历view树.
  • 每个视图将规格传递给子视图.

如何实现?父视图通过MeasureSpec类的三种选项之一来决定子视图的宽高:

  1. UNSPECIFIED - 未指定, 子视图可以获得任意大小
  2. EXACTLY - 指定, 子视图应该有指定大小
  3. AT_MOST - 最大, 子视图最大可达到某个值

每个视图的宽高设置由ViewGroup.LayoutParams的3种选项决定:

  1. 一个明确的数字
  2. MATCH_PARENT 子视图想要和父视图一样大
  3. WRAP_CONTENT 子视图想要和自身的内容一样大
  • 测量过程在onMeasure(int widthMeasureSpec, int heightMeasureSpec)函数中完成
  • 当这个函数返回时, 每个视图都必须有measuredWidth 和 measuredHeight(可由调用super()完成), 否则会抛出IllegalStateException.

Notice that this process sometimes a negotiation between a view and its children, and so measure() may be called more than once. More on that on a later post.

  • 注意这个过程有时需要视图和其子视图互相协商, 因此measure()方法可能会被调用不止一次.

Since the traversal is top down, and each parent tells its children the requirements, we end up with our goal achieved:
Each view’s measured size includes its children size, and fit its parent requirements.

因为遍历是自顶向下的, 并且没个父视图告诉子视图其需求, 我们最终的目标是:
每个视图的计算大小包含了子视图的大小, 并符合其父视图的要求

Step 2: Layout 布局

目标: 为视图及其子视图设定位置和大小(绘制宽度和绘制高度)

  • 与step1类似: 自顶向下递归遍历视图树.
  • 每个父视图通过上一个计算的大小定位其所有子视图的位置.
  • 定位由onLayout(boolean changed, int left, int top, int right, int bottom)方法完成, 其中left, top, right, bottom是相对于其父视图的.
  • 当重写onLayout()方法时, 必须调用每个子视图的layout()方法.

Step 3: Draw 绘制

  • 当大小和位置都确定之后, 视图可以据此绘制自己.
  • onDraw(Canvas)方法中Canvas对象生成(或者是更新)一系列OpenGl-ES命令(displayList)发送给GPU.


这就是绘制的过程! 但是当我们改变了视图的属性时发生了什么呢? 由动画, 用户输入, 或者我们决定改变他们的时候.


When things change… 当发生改变时

当视图属性改变是, 视图会通知系统. 取决于改变的属性, 视图调用下列之一:

  • invalidate - 此时只会调用视图的onDraw()
  • requestLayout() - 会传递到根视图, 然后调用整个过程(测量->布局->绘制)

对于需要布局的情况有一个经典的小例子: 我们在一个RelativeLayout中有两个关系相对的视图. 如果其中一个改变了大小 - 一定会导致另一个重新定位, 也可能导致父视图改变大小.所以我们改变了一个视图的属性, 导致了整个布局都过期了.

这种情况提醒我们高效的布局是很重要的, 这样布局才能流程的执行并且不会导致跳帧.

https://www.cnblogs.com/fortitude/p/8632171.html

原文地址:https://www.cnblogs.com/feng9exe/p/9621965.html

时间: 2024-11-05 23:22:49

[译]Android view 测量布局和绘制的流程的相关文章

[05] Android View 测量-布局-绘制流程

Android View 测量流程(Measure)完全解析

前言 上一篇文章,笔者主要讲述了DecorView以及ViewRootImpl相关的作用,这里回顾一下上一章所说的内容:DecorView是视图的顶级View,我们添加的布局文件是它的一个子布局,而ViewRootImpl则负责渲染视图,它调用了一个performTraveals方法使得ViewTree开始三大工作流程,然后使得View展现在我们面前.本篇文章主要内容是:详细讲述View的测量(Measure)流程,主要以源码的形式呈现,源码均取自Android API 21. 从ViewRoo

Android View之布局加载流程

1.引言 最近准备重新学习下Android,加深理解,快速形成自己的知识结构体系.最先学习的就算View部分,从自定义View到Activty层次结构,到layout加载过程.等等都会看一遍,在此记录下Layout的加载过程 2.正题 2.1 Activity的流程加载 Activity类中setContentView 追踪(善于用bookMark) public void setContentView(@LayoutRes int layoutResID) { getWindow().setC

Android View 绘制流程(Draw) 完全解析

前言 前几篇文章,笔者分别讲述了DecorView,measure,layout流程等,接下来将详细分析三大工作流程的最后一个流程--绘制流程.测量流程决定了View的大小,布局流程决定了View的位置,那么绘制流程将决定View的样子,一个View该显示什么由绘制流程完成.以下源码均取自Android API 21. 从performDraw说起 前面几篇文章提到,三大工作流程始于ViewRootImpl#performTraversals,在这个方法内部会分别调用performMeasure

Android View绘制机制

------------------------------------------------------------------------------ GitHub:lightSky    微博:    light_sky, 即时分享最新技术,欢迎关注 ------------------------------------------------------------------------------ 前言 该篇文章来自一个开源项目android-open-project-analy

Android UI测量、布局、绘制过程探究

在上一篇博客<Android中Activity启动过程探究>中,已经从ActivityThread.main()开始,一路摸索到ViewRootImpl.performTraversals()了.本篇就来探究UI的绘制过程. performTraversals()方法非常长,其中关键性的三个步骤是依次调用了performMeasure(), performLayout(), performDraw().分别来看这三个步骤吧! Measure过程(测量过程) 直接来看performMeasure

简单研究Android View绘制三 布局过程

2015-07-28 17:29:19 这一篇主要看看布局过程 一.布局过程肯定要不可避免的涉及到layout()和onLayout()方法,这两个方法都是定义在View.java中,源码如下: 1 /** 2 * Assign a size and position to a view and all of its 3 * descendants 4 * 5 * <p>This is the second phase of the layout mechanism. 6 * (The fir

面试一问:关于 View测量、布局及绘制原理

前言 2020年2月22.距离新年已经过去了大半个月了,依旧的出不了门,依旧的躲在家里一日三餐,依旧的在家办公,也不知道下周会不会复工,再次汇总手中各种保存整理的笔记 相关内容后续GitHub更新,想冲击金三银四的小伙伴可以找找看看,欢迎star(顺手留下GitHub链接,需要获取相关面试等内容的可以自己去找)https://github.com/xiangjiana/Android-MS(VX:mm14525201314) 一.View绘制的流程框架 View的绘制是从上往下一层层迭代下来的.

[Android][转]Android View绘制13问13答

转自:http://www.androidchina.net/4458.html 1.view的绘制流程分几步,从哪开始?哪个过程结束以后能看到view? 答:从ViewRoot的performTraversals开始,经过measure,layout,draw 三个流程.draw流程结束以后就可以在屏幕上看到view了. 2.view的测量宽高和实际宽高有区别吗? 答:基本上百分之99的情况下都是可以认为没有区别的.有两种情况,有区别.第一种 就是有的时候会因为某些原因 view会多次测量,那