2024年安卓最新Android声明式UI框架-Litho-初探——基础使用篇(1)，二本学渣考研失败

写在最后

今天关于面试的分享就到这里，还是那句话，有些东西你不仅要懂，而且要能够很好地表达出来，能够让面试官认可你的理解，例如Handler机制，这个是面试必问之题。有些晦涩的点，或许它只活在面试当中，实际工作当中你压根不会用到它，但是你要知道它是什么东西。

最后在这里小编分享一份自己收录整理上述技术体系图相关的几十套腾讯、头条、阿里、美团等公司的面试题，把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，这里以图片的形式给大家展示一部分。

还有 高级架构技术进阶脑图、Android开发面试专题资料，高级进阶架构资料 帮助大家学习提升进阶，也节省大家在网上搜索资料的时间来学习，也可以分享给身边好友一起学习。

【Android核心高级技术PDF文档，BAT大厂面试真题解析】

【算法合集】

【延伸Android必备知识点】

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

Litho作为一个高性能的UI引擎，学习曲线还是比较高的，但是在国内能用的资料非常少（大部分都是相互复制的”Hello Word“教程），国外除了Litho自己的文档外，也没有太多教程。这几篇教程也是我边学边写。如果有那里理解不到位的地方，欢迎指正。

Litho 是什么

Litho是一个用于在Android上构建高效用户界面（UI）的声明性框架。但不同以往的UI框架，它的底层是Yoga,它通过将不需要交互的UI转换为Drawable来渲染视图，通过Yoga来完成组件布局的异步或同步（可根据场景定制）测量和计算，实现了布局的扁平化。加速了UI渲染速度

在Litho中，使用组件（Component）来构建UI，而不是直接与传统的Android视图进行交互。组件本质上是一个函数，它接受不可变的输入（称为属性 props），并返回描述用户界面的组件层次结构。

如果有Flutter开发经验，那么Litho的开发方式有点类似

接下来的教程都将结合代码进行讲解

基础配置

gradle

apply plugin: ‘kotlin-kapt’

dependencies 中加入

// Litho
implementation ‘com.facebook.litho:litho-core:0.37.1’
implementation ‘com.facebook.litho:litho-widget:0.37.1’
kapt ‘com.facebook.litho:litho-processor:0.37.1’
// SoLoader
implementation ‘com.facebook.soloader:soloader:0.9.0’
// For integration with Fresco
implementation ‘com.facebook.litho:litho-fresco:0.37.1’
// Sections
implementation ‘com.facebook.litho:litho-sections-core:0.37.1’
implementation ‘com.facebook.litho:litho-sections-widget:0.37.1’
compileOnly ‘com.facebook.litho:litho-sections-annotations:0.37.1’
kapt ‘com.facebook.litho:litho-sections-processor:0.37.1’

初始化SoLoader.Litho依赖，SoLoader用于加载底层布局引擎Yoga

SoLoader.init(this, false);

使用基础Component

Component Specs

Litho中的视图单元叫做Component，可以直观的翻译为组件

组件分为两种类型 ： Layout Spec：将其他组件组合到特定的布局中。这相当于 Android 上的 ViewGroup 。

Mount Spec：可以渲染 View 或 Drawable 组件。 现在，让我们来看看 Layout Spec 的整体结构：

Component的类名必须以Spec结尾，不然会报错

/**

• Component
• 组件 Spec 只是一个普通的java类，带有一些特殊的注解。
• 组件 Spec 是完全无状态的，没有任何类成员。
• 使用 @Prop 标注的参数将自动成为组件构建器的一部分。
  /
  @LayoutSpec // 将其他组件组合到特定的布局中。这相当于 Android 上的 ViewGroup
  class MainLithoViewSpec {
  /*
• @OnCreateLayout 注解的方法必须具有 ComponentContext 作为其第一个参数
• 后跟使用 @Prop 标注的参数列表。注解处理器将在构建时对参数列表以及API中其他约束条件进行验证。
  */
  @OnCreateLayout
  fun onCreateLayout(
  context: ComponentContext,
  @Prop color: Int,
  @Prop title: String
  ): Component {
  return Column.create(context)
  .paddingDip(YogaEdge.ALL, 16f)
  .backgroundColor(Color.DKGRAY)
  .child(
  Text.create(context).text(title)
  .textColor(color)
  .textSizeDip(25f)

最后

针对Android程序员，我这边给大家整理了一些资料，包括不限于高级UI、性能优化、架构师课程、NDK、混合式开发（ReactNative+Weex）微信小程序、Flutter等全方面的Android进阶实践技术；希望能帮助到大家，也节省大家在网上搜索资料的时间来学习，也可以分享动态给身边好友一起学习！

往期Android高级架构资料、源码、笔记、视频。高级UI、性能优化、架构师课程、混合式开发（ReactNative+Weex）全方面的Android进阶实践技术，群内还有技术大牛一起讨论交流解决问题。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

net/topics/618156601)**

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！