如何实现一个京东自定义流式ViewGroup？

产品经理：“王工，把这个功能做一下。布局要美，功能要稳，运行要流畅。下周五上线。”

“高级”Android工程师：“这个需求做不了。”

产品经理：“老板说这个做出来，这个月工资加2000。”

“高级”Android工程师：“下周一可以上线！（这不就是仿照某音的么？那我照抄一个就是了。）”

---

一款产品的成功取决于多方面因素之间的相互配合，但其中最直观的就是UI，优秀的用户体验设计。产品的外观是否足够漂亮，点击和滑动是否足够流程，这些都会引用到用户的体验。而现在经历Android多年的发展后，相信大家已经逐渐有了一个明确的认识：写app的成本远远低于用户的拉新成本。所以，一个极致UI体现了产品经理以及开发者的素养有着极高的要求。

一些优秀的高级UI效果展示

（作者：猛猛的小盆友）

不知道在座的诸位接到产品的UI需求之后，第一反应是什么？有多少人是先回忆在哪里见过这个效果，然后照抄大型app代码。

真正高级的工程师也会使用别人的代码，但是往往能够根据产品的UI效果去完全自定义这个效果，同时也能够解决api使用不当而产生的显示问题。

抄完代码后，你留下了什么？这才是你与真正高级工程师的差距所在。

在笔者看来，高级UI与自定义View有着不可分割的联系。自定义View其实并不难，为什么呢？因为自定义View无非就是显示+交互：显示由 onMeasure ->onLayout->onDraw的整个流程就将显示整个流程处理完了，而交互则是touch事件的处理；另外其他的一切你比如Canvas，Animation，Paint都是围绕着draw来进行的，所以我们需要搞懂其中的根本原理。那么这些原理我们如何学习好呢？实战！

为了解决大家零散学习高级UI过程中产生的各种问题，早日进阶成为高级安卓工程师，我们特邀前三星/小米高级研发经理Alvin老师为大家带来《高级UI》系列直播课程，在线实时答疑，有疑问，当场解决。

我们将从自定义谈起，带大家一行一行代码的去实现一个京东自定义ViewGroup；基于自定义ViewGroup的思想带大家一起去研究系统的FrameLayout与ViewPager的源码；最后通过阅读源码发现ViewPager设计过程中的几个问题，通过阅读源码来解决因为不当使用它们带来的显示问题和性能问题；

《高级UI ——自定义ViewGroup与 UI性能优化》

原价99元，本公众号粉丝专享限时优惠0.1元

本次课程将会让你对ViewGroup有系统而深入的认识。

学好高级UI，直接找老板提加薪30%的申请

---

Alvin老师：

前三星/小米高级研发经理，国内首批Android底层技术导航人；

专精领域：精通Android FrameWork源码及性能优化；三星手机Rom核心架构设计，专注NDK底层设计与开发。

课程大纲

12.17 手把手实战自定义京东流式布局ViewGroup

• ViewGroup中measure的原理；

• ViewGroup中Layout的一般套路；

• MeasureSpec是什么？有什么用？

• 手写京东流式布局ViewGroup实战；

12.18 ViewPager为例的ViewGroup源码解析

• LayoutInflater 解析XML文件的原理；

• ViewPager绘制的基本流程；

• 基于ViewPager自定义自动滑动Banner；

• 如何通过阅读源码解决疑难UI bug？

12.19 ViewPager嵌套Fragment UI架构性能优化

• ViewPager +Fragment 如何管理生命周期；

• ViewPager 嵌套Fragment的缓存机制；

• ViewPager 卡顿性能优化；

---

发送暗号“666”添加薇薇小姐姐报名吧

进阶必备资料限时领取，先到先得

▲附赠15G的Android架构进阶、视频资料

及安卓程序员简历模板

“收藏不等于学习，别等下次了！”

推荐阅读：

讲一讲Android 9.0系统的新特性

一开启R8代码压缩就崩溃？这问题得解决啊！

Activity中的那些小秘密