本文共 1386 字，大约阅读时间需要 4 分钟。

去年无疑是 Flutter 技术如火如荼发展的一年。

每一个移动开发者都在为 Flutter 带来的“快速开发、富有表现力和灵活的 UI、原生性能”的特色和理念而痴狂，从超级 App 到独立应用，从纯 Flutter 到混合栈，开发者们在不同的场景下乐此不疲的探索和应用着 Flutter 技术，也在面临着各种各样不同的挑战。

Alibaba集团内也有越来越多的业务和团队开始尝试 Flutter 技术栈，从闲鱼的一支独秀引领潮流，到如今淘宝特价版、盒马、优酷、飞猪等BU业务相继入局，Flutter的业务应用在集团内也已经逐渐形成趋势。

有幸从一位朋友那里得到Alibaba内部出品强推的“Flutter进阶学习笔记”，秉承好东西的当然要共享的原则，今天就来秀一把，试试这“Flutter进阶学习笔记”是否也能让你事半功倍！

作为安卓开发者，除了Bug，经常会碰到下面这些问题：

应用卡顿，丢帧，屏幕画面撕裂，操作界面刷新缓慢，UI不美观，布局混乱…这些问题频发的话，年后可能就不用来了。

开发App的时候，你是否会觉得界面卡顿？尤其是自定义View的时候。

Android 应用的卡顿、丢帧等，这些影响用户体验的因素绝大部分都与 16ms 这个值有关。Android 设备的刷新率也是 60Hz，Android系统每隔16ms发出VSYNC信号，触发对UI进行渲染，如果超过了16ms，我们则认为发生了卡顿。

一些常见的原因有：

• layout 太过复杂，层次过多；

• UI 上有层叠太多的绘制单元，过度绘制；

• 或者onDraw等方法中过于耗时；

• CPU 或者 GPU 负载过重；

• 动画执行的次数过多；

• 频繁 GC，主要是内存抖动；

• UI 线程执行耗时操作；

• 等等；

那么究竟要怎么做才能给用户一个良好的UI体验呢？

1. 优化界面布局，使界面布局视图扁平化，去除不必要的背景颜色，减少透明色的使用； （尽量减少View在系统中measure、layout、draw的累计时间）

2. 减少UI线程中数据运算，使用子线程处理耗时任务；

3. 尽量避免在循环逻辑或者onDraw方法中频繁创建新对象和使用局部变量；

4. 不要在主进程去做耗时的操作，提升UI的绘制速度（减少View的布局层级，避免过渡绘制等）

高级UI与自定义View有着不可分割的联系。自定义View其实并不难，为什么呢？

因为自定义View无非就是显示+交互：显示由onMeasure ->onLayout->onDraw的整个流程就将显示整个流程处理完了，而交互则是touch事件的处理；另外其他的一切你比如Canvas，Animation，Paint都是围绕着draw来进行的，所以我们需要搞懂其中的根本原理。

总结

最后为了帮助大家深刻理解Android相关知识点的原理以及面试相关知识，这里放上相关的我搜集整理的14套腾讯、字节跳动、阿里、百度等，我把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包知识脉络 + 诸多细节。

BC%81.md)对大家有一个方向参考。

[外链图片转存中…(img-izt9Q7fs-1618628459964)]

转载地址：http://tfoti.baihongyu.com/