Android 开发进阶: 自定义 View 1-1 绘制基础
http://www.apkbus.com/blog-16186-77717.html
Android 开发进阶: 自定义 View 1-2 Paint 详解
http://www.apkbus.com/blog-16186-77718.html
Android 开发进阶:自定义 View 1-3 drawText() 文字的绘制
http://www.apkbus.com/blog-16186-77719.html
Android 开发进阶:自定义 View 1-4 Canvas 对绘制的辅助 clipXXX() 和 Matrix
http://www.apkbus.com/blog-16186-77720.html
Android 开发进阶:自定义 View 1-5 绘制顺序
http://www.apkbus.com/blog-16186-77722.html
Android 自定义 View 1-6:属性动画 Property Animation(上手篇)
http://www.apkbus.com/blog-16186-77723.html
Android 自定义 View 1-7:属性动画 Property Animation(进阶篇)
http://www.apkbus.com/blog-16186-77724.html
Android 自定义 View 1-8 硬件加速
http://www.apkbus.com/blog-16186-77725.html
Android UI 部分 2-1 布局基础
http://www.apkbus.com/blog-16186-77726.html
Android UI 部分 2-2 全新定义 View 的尺寸
http://www.apkbus.com/blog-16186-77727.html
Android UI 部分 2-3 定制 Layout 的内部布局
http://www.apkbus.com/blog-16186-77728.html
简介
之前我说过,自定义 View 最关键的有三个点:绘制、布局和触摸反馈。上一季讲过的绘制,内容虽然多(好像讲了 8 期?),但难度上其实是最简单的。而布局就和它相反,布局过程的技术知识,内容比较少(应该 3 期就能讲完),但你先要理解它的内部工作原理才能正确理解它的使用,而它的工作原理却是有点绕的。所以如果你跟着 HenCoder 学习布局过程的自定义,大致会是这样一种体验:看完视频或者读完文章,感觉吸收了一大波知识,信息量好大难以吞咽的样子,但当你真的把它们吞咽下去,然后下载了我的练习项目去做练习的时候,却又发现:卧槽,就这么点东西?布局过程的自定义竟然这么简单?
会者不难这个词在很多地方都讲得通,但在布局过程的自定义上,尤为适用。
具体的概念、原理和技术细节,来看视频吧:
视频:http://www.apkbus.com/plugin.php?id=apkbus_video&op=item&vid=1015
总结
有人说:什么?简介完了就是总结了?
嚯嚯,对的。所有的内容都在视频里讲完了,所以在这里就把视频里讲到的关键点总结一下:
布局过程的含义
布局过程,就是程序在运行时利用布局文件的代码来计算出实际尺寸的过程。
布局过程的工作内容
两个阶段:测量阶段和布局阶段。
测量阶段:从上到下递归地调用每个 View 或者 ViewGroup 的 measure() 方法,测量他们的尺寸并计算它们的位置; 布局阶段:从上到下递归地调用每个 View 或者 ViewGroup 的 layout() 方法,把测得的它们的尺寸和位置赋值给它们。
View 或 ViewGroup 的布局过程
测量阶段,
measure()
方法被父 View 调用,在measure()
中做一些准备和优化工作后,调用onMeasure()
来进行实际的自我测量。onMeasure()
做的事,View
和ViewGroup
不一样:View:
View
在onMeasure()
中会计算出自己的尺寸然后保存;ViewGroup:
ViewGroup
在onMeasure()
中会调用所有子 View 的measure()
让它们进行自我测量,并根据子 View 计算出的期望尺寸来计算出它们的实际尺寸和位置(实际上 99.99% 的父 View 都会使用子 View 给出的期望尺寸来作为实际尺寸,原因在下期或下下期会讲到)然后保存。同时,它也会根据子 View 的尺寸和位置来计算出自己的尺寸然后保存;
布局阶段,
layout()
方法被父 View 调用,在layout()
中它会保存父 View 传进来的自己的位置和尺寸,并且调用onLayout()
来进行实际的内部布局。onLayout()
做的事,View
和ViewGroup
也不一样:View:由于没有子 View,所以
View
的onLayout()
什么也不做。ViewGroup:
ViewGroup
在onLayout()
中会调用自己的所有子 View 的layout()
方法,把它们的尺寸和位置传给它们,让它们完成自我的内部布局。
布局过程自定义的方式
三类:
重写
onMeasure()
来修改已有的View
的尺寸;重写
onMeasure()
来全新定制自定义View
的尺寸;重写
onMeasure()
和onLayout()
来全新定制自定义ViewGroup
的内部布局。
第一类自定义的具体做法
也就是重写 onMeasure()
来修改已有的 View
的尺寸的具体做法:
重写
onMeasure()
方法,并在里面调用super.onMeasure()
,触发原有的自我测量;在
super.onMeasure()
的下面用getMeasuredWidth()
和getMeasuredHeight()
来获取到之前的测量结果,并使用自己的算法,根据测量结果计算出新的结果;调用
setMeasuredDimension()
来保存新的结果。
练习项目
为了避免转头就忘,强烈建议你趁热打铁,做一下这个练习项目:HenCoderPracticeLayout1(微信用户可以点底部的「阅读原文」)