欢迎Follow我的GitHub, 关注我的掘金.

在View的工作过程中, 执行三大流程完成显示, 测量(measure)流程, 布局(layout)流程, 绘制(draw)流程. 从performTraversals方法开始, 测量(measure)View的高度(Height)与宽度(Width), 布局(layout)View在父容器中的位置, 绘制(draw)View在屏幕上.

通过源码, 循序渐进, 解析View的工作原理和三大流程.

View

ViewRoot

ViewRoot连结WindowManager与DecorView, 调用流程performTraversals, 并依次调用performMeasureperformLayoutperformDraw.

Measure调用onMeasure, Layout调用onLayout, Draw调用onDrawdispatchDraw. Measure中, 调用getMeasuredHeightgetMeasuredWidth获取绘制好的高度与宽度; Layout中, 调用getHeightgetWidth获取布局好的高度与宽度. 注意因时机不同, Measure的度量可能不同于Layout的度量.

Measure与Layout使用onMeasure与onLayout遍历调用子View的方法. Draw使用onDraw绘制View本身, 使用onDispatch绘制子View.

DecorView

DecorView是顶层View, 即FrameLayout, 其中包含竖直方向的LinearLayout, 标题titlebar, 内容android.R.id.content. 获取setContentView的布局的方法.

ViewGroup content = (ViewGroup) findViewById(android.R.id.content); // 父布局
View view = content.getChildAt(0); // 内容布局

MeasureSpec

View的MeasureSpec, MeasureSpec是32位int值, 高2位是SpecMode, 低30位是SpecSize, 选择测量的模式, 设置测量的大小.

SpecMode三种类型, UNSPECIFIED不做任何限制; EXACTLY精确大小, 即match_parent和具体数值; AT_MOST不能超过最大距离, 即wrap_content.

在onMeasure中, View使用MeasureSpec测量View的大小, 由父布局的MeasureSpec与自身的LayoutParams决定; DecorView是根View, 由系统的窗口尺寸与自身的LayoutParams决定.

父View负责绘制子View, 子View的大小由父View的模式与大小与自身的模式与大小决定. 简而言之, 父容器的MeasureSpec与子View的LayoutParams决定子View的MeasureSpec.

Measure

Measure测量View的高度与宽度. View调用onMeasure完成测量; ViewGroup遍历子View的onMeasure, 再递归汇总.

View

View的measure方法是禁止继承的, 调用onMeasure方法, 自定义View通过onMeasure方法设置测量大小. onMeasure方法调用setMeasuredDimension设置测量大小.

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
setMeasuredDimension(getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec),
getDefaultSize(getSuggestedMinimumHeight(), heightMeasureSpec));
}

宽与高使用getDefaultSize获取默认值, 参数是推荐最小值(getSuggestedMinimumX)与指定测量规格(xMeasureSpec).

public static int getDefaultSize(int size, int measureSpec) {
int result = size;
int specMode = MeasureSpec.getMode(measureSpec);
int specSize = MeasureSpec.getSize(measureSpec); switch (specMode) {
case MeasureSpec.UNSPECIFIED:
result = size;
break;
case MeasureSpec.AT_MOST:
case MeasureSpec.EXACTLY:
result = specSize;
break;
}
return result;
}

注意AT_MOST模式, 使用最小宽度, 当未设置时, 使用父容器的最大值, 因此自定义View需要设置默认值, 否者wrap_contentmatch_parent功能相同.

参考ViewGroup. 当子View的布局参数是WRAP_CONTENT时, 无论父View的类型, 都是父View的空闲值.

public static int getChildMeasureSpec(int spec, int padding, int childDimension) {
int specMode = MeasureSpec.getMode(spec);
int specSize = MeasureSpec.getSize(spec); int size = Math.max(0, specSize - padding); // 最大空闲值 int resultSize = 0;
int resultMode = 0; switch (specMode) {
// Parent has imposed an exact size on us
case MeasureSpec.EXACTLY:
// ...
} else if (childDimension == LayoutParams.WRAP_CONTENT) {
// Child wants to determine its own size. It can't be
// bigger than us.
resultSize = size; // 父View空闲宽度
resultMode = MeasureSpec.AT_MOST;
}
break; // Parent has imposed a maximum size on us
case MeasureSpec.AT_MOST:
// ...
} else if (childDimension == LayoutParams.WRAP_CONTENT) {
// Child wants to determine its own size. It can't be
// bigger than us.
resultSize = size; // 父View空闲宽度
resultMode = MeasureSpec.AT_MOST;
}
break;
// ...
}
return MeasureSpec.makeMeasureSpec(resultSize, resultMode);
}

自定义View需要设置wrap_content状态下的测量值, 可以参考TextView与ImageView.

private int mMinWidth = 256; // 指定默认最小宽度
private int mMinHeight = 256; // 指定默认最小高度 @Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
int widthSpecMode = MeasureSpec.getMode(widthMeasureSpec);
int widthSpecSize = MeasureSpec.getSize(widthMeasureSpec);
int heightSpecMode = MeasureSpec.getMode(heightMeasureSpec);
int heightSpecSize = MeasureSpec.getSize(heightMeasureSpec);
if (widthSpecMode == MeasureSpec.AT_MOST
&& heightSpecMode == MeasureSpec.AT_MOST) {
setMeasuredDimension(mMinWidth, mMinHeight);
} else if (widthSpecMode == MeasureSpec.AT_MOST) {
setMeasuredDimension(mMinWidth, heightSpecSize);
} else if (heightSpecMode == MeasureSpec.AT_MOST) {
setMeasuredDimension(widthSpecSize, mMinHeight);
}
}

获取建议的最小宽度, 在已设置最小宽度android:minWidth与背景android:background的最小宽度的最大值, 默认返回0.

protected int getSuggestedMinimumWidth() {
return (mBackground == null) ? mMinWidth : max(mMinWidth, mBackground.getMinimumWidth());
}

ViewGroup

ViewGroup使用onMeasure绘制自己, 并遍历子View的onMeasure递归绘制.

使用measureChildren方法绘制全部子View.

protected void measureChildren(int widthMeasureSpec, int heightMeasureSpec) {
final int size = mChildrenCount;
final View[] children = mChildren;
for (int i = 0; i < size; ++i) {
final View child = children[i];
if ((child.mViewFlags & VISIBILITY_MASK) != GONE) {
measureChild(child, widthMeasureSpec, heightMeasureSpec);
}
}
}

子View绘制使用measureChild, 最终汇总.

protected void measureChildWithMargins(View child,
int parentWidthMeasureSpec, int widthUsed,
int parentHeightMeasureSpec, int heightUsed) {
final MarginLayoutParams lp = (MarginLayoutParams) child.getLayoutParams(); final int childWidthMeasureSpec = getChildMeasureSpec(parentWidthMeasureSpec,
mPaddingLeft + mPaddingRight + lp.leftMargin + lp.rightMargin
+ widthUsed, lp.width);
final int childHeightMeasureSpec = getChildMeasureSpec(parentHeightMeasureSpec,
mPaddingTop + mPaddingBottom + lp.topMargin + lp.bottomMargin
+ heightUsed, lp.height); child.measure(childWidthMeasureSpec, childHeightMeasureSpec);
}

不同的ViewGroup实现不同的onMeasure方法, 如LinearLayout, RelativeLayout, FrameLayout等.

测量值

View的onMeasure与Activity的生命周期不一致, 无法在生命周期的方法中, 获取测量值. 测量值需要在测量完成后计算.

onWindowFocusChanged方法, 在Activity窗口获得或失去焦点时都会被调用, 即在onResume与onPause执行时会调用, 此时, View的测量(Measure)已经完成, 获取测量值.

private int mWidth; // 宽度
private int mHeight; // 高度 /**
* 在Activity获得焦点时, 获取测量宽度与高度
*
* @param hasFocus 关注
*/
@Override public void onWindowFocusChanged(boolean hasFocus) {
super.onWindowFocusChanged(hasFocus);
if (hasFocus) {
mWidth = getContentView().getMeasuredWidth();
mHeight = getContentView().getMeasuredHeight();
}
} /**
* 获取Activity的ContentView
*
* @return ContentView
*/
private View getContentView() {
ViewGroup view = (ViewGroup) getWindow().getDecorView();
FrameLayout content = (FrameLayout) view.getChildAt(0);
return content.getChildAt(0);
}

在View的消息队列尾部, 获取测量值. View的测量过程是在消息队列中完成的, 完成全部的系统消息, 才会执行用户消息.

private int mWidth; // 宽度
private int mHeight; // 高度 @Override protected void onResume() {
super.onResume();
final View view = getContentView();
view.post(new Runnable() {
@Override public void run() {
mWidth = view.getMeasuredWidth();
mHeight = view.getMeasuredHeight();
}
});
}

Layout

View使用layout确定位置, layout调用onLayout, 在onLayout中调用子View的layout.

layout先调用setFrame确定View的四个顶点, 即left, right, top, bottom, 再调用onLayout确定子View的位置. 在onLayout中, 调用setChildFrame确定子View的四个顶点, 子View再调用layout.

在一般情况下, View的测量(Measure)宽高与布局(Layout)宽高是相同的, 确定时机不同, 测量要早于布局.

如果在View的layout中, 重新设置宽高, 则测量宽高与布局不同, 不过此类方法, 并无任何意义.

@Override public void layout(int l, int t, int r, int b) {
super.layout(l, t, r + 256, b + 256); // 右侧底部, 各加256, 无意义
}

Draw

View的绘制(Draw)过程, 首先绘制背景, 即android:backgroud; 其次绘制自己, 即onDraw; 再次绘制子View, 即dispatchDraw; 最后绘制页面装饰, 如滚动条.

public void draw(Canvas canvas) {
// ... /*
* Draw traversal performs several drawing steps which must be executed
* in the appropriate order:
*
* 1. Draw the background
* 2. If necessary, save the canvas' layers to prepare for fading
* 3. Draw view's content
* 4. Draw children
* 5. If necessary, draw the fading edges and restore layers
* 6. Draw decorations (scrollbars for instance)
*/ // Step 1, draw the background, if needed
int saveCount; // 第一步, 绘制背景
if (!dirtyOpaque) {
drawBackground(canvas);
} // skip step 2 & 5 if possible (common case)
final int viewFlags = mViewFlags;
boolean horizontalEdges = (viewFlags & FADING_EDGE_HORIZONTAL) != 0;
boolean verticalEdges = (viewFlags & FADING_EDGE_VERTICAL) != 0;
if (!verticalEdges && !horizontalEdges) {
// Step 3, draw the content
// 第二步, 绘制自己的内容
if (!dirtyOpaque) onDraw(canvas); // Step 4, draw the children
// 第三步, 绘制子View
dispatchDraw(canvas); // Step 6, draw decorations (scrollbars)
// 第四步, 绘制装饰
onDrawScrollBars(canvas); if (mOverlay != null && !mOverlay.isEmpty()) {
mOverlay.getOverlayView().dispatchDraw(canvas);
} // we're done...
return;
}
// ...
}

关注源码的绘制draw流程: drawBackground -> onDraw -> dispatchDraw -> onDrawScrollBars


View的工作原理来源于三大流程, 测量(measure)流程, 布局(layout)流程, 绘制(draw)流程. 通过源码理解View的三大流程, 有利于提升程序设计理念, 与开发质量.

That's all! Enjoy it!

梳理源码中 View 的工作原理的更多相关文章

  1. Android 中View的工作原理

    Android中的View在Android的知识体系中扮演着重要的角色.简单来说,View就是Android在视觉的体现.我们所展现的页面就是Android提供的GUI库中控件的组合.但是当要求不能满 ...

  2. 从源码角度分析 MyBatis 工作原理

    一.MyBatis 完整示例 这里,我将以一个入门级的示例来演示 MyBatis 是如何工作的. 注:本文后面章节中的原理.源码部分也将基于这个示例来进行讲解.完整示例源码地址 1.1. 数据库准备 ...

  3. petite-vue源码剖析-ref的工作原理

    ref内部的工作原理十分简单,其实就是将指令ref.:ref或v-bind:ref标识的元素实例存储到当前作用域的$refs对象中,那么我们就可以通过this.$refs获取对应的元素实例.但由于作用 ...

  4. 源码分析八( hashmap工作原理)

    首先从一条简单的语句开始,创建了一个hashmap对象: Map<String,String> hashmap = new HashMap<String,String>(); ...

  5. Android 网络框架之Retrofit2使用详解及从源码中解析原理

    就目前来说Retrofit2使用的已相当的广泛,那么我们先来了解下两个问题: 1 . 什么是Retrofit? Retrofit是针对于Android/Java的.基于okHttp的.一种轻量级且安全 ...

  6. jquery源码中noConflict(防止$和jQuery的命名冲突)的实现原理

    jquery源码中noConflict(防止$和jQuery的命名冲突)的实现原理 最近在看jquery源码分析的视频教学,希望将视频中学到的知识用博客记录下来,更希望对有同样对jquery源码有困惑 ...

  7. Android艺术开发探索第四章——View的工作原理(上)

    这章就比较好玩了,主要介绍一下View的工作原理,还有自定义View的实现方法,在Android中,View是一个很重要的角色,简单来说,View是Android中视觉的呈现,在界面上Android提 ...

  8. Android 源码中的设计模式

    最近看了一些android的源码,发现设计模式无处不在啊!感觉有点乱,于是决定要把设计模式好好梳理一下,于是有了这篇文章. 面向对象的六大原则 单一职责原则 所谓职责是指类变化的原因.如果一个类有多于 ...

  9. 带你了解源码中的 ThreadLocal

    本篇文章已授权微信公众号 guolin_blog (郭霖)独家发布 这次想来讲讲 ThreadLocal 这个很神奇的东西,最开始接触到这个是看了主席的<开发艺术探索>,后来是在研究 Vi ...

随机推荐

  1. Linux基础命令总结

    1.pwd  查看当前工作目录 2.ls [目录] 列出指定目录下的所有文件,使用 ls -l 或者 ll 列出文件详细列表包括权限.大小等文件默认大小以字节B为单位,目录大小为4096B  ls - ...

  2. .net Framework Class Library(FCL)

    from:http://msdn.microsoft.com/en-us/library/ms229335.aspx 我们平时在VS.net里引用的那些类库就是从这里来的 The .NET Frame ...

  3. Python2.7<-------->Python3.x

    版本差异 from __future__   Python2.7 Python3.x 除法 / // Unicode u''                                       ...

  4. 关于CentOS普通用户无法登录SSH问题

    在CentOS中,假若一切都顺利的话,你建新一个用户,它就自动添加到SSHD登录服务中的处的了,不必手动或再设置什么,但有些情况下,我们的系统只允许root用户登录,那么,我们就要进行一些必要的设置, ...

  5. 2.openstack之mitaka搭建控制节点数据库和消息队列

    一:部署mariadb数据库 控制节点(192.168.11.103): yum install mariadb mariadb-server python2-PyMySQL -y 编辑: /etc/ ...

  6. HDU 4949 Light(插头dp、位运算)

    比赛的时候没看题,赛后看题觉得比赛看到应该可以敲的,敲了之后发现还真就会卡题.. 因为写完之后,无限TLE... 直到后来用位运算代替了我插头dp常用的decode.encode.shift三个函数以 ...

  7. 【linux】find删除指定时间之前的文件

    今天磁盘满了,想删掉一些老的日志文件.开始想写个python脚本,转念一想,可能shell脚本好点.结果发现,根本不用写脚本,一个find指令就可以解决问题了. 先上指令 -exec rm {} \; ...

  8. 【XLL API 函数】xlfUnregister (Form 2)

    此函数可以被 Excel 已经载入的 XLL 或 DLL 调用.它等效于宏表函数 UNREGISTER. xlfUnregister 有两种调用形式: 形式1:Unregister 单独的命令或函数 ...

  9. (转)Delphi工程文件说明

    1.DPR: Delphi Project文件,包含了Pascal代码.应用系统的工程文件2.PAS: Pascal文件,Pascal单元的源代码,可以是与窗体有关的单元或是独立的单元.3.DFM:D ...

  10. HTML标签汇总

    标签 描述 DTD(Document Type Definition) <!-- --> 定义html注释 STF <a> 定义链接或者锚点 STF <abbr> ...