Android声明式UI框架-Litho-初探——基础使用篇

使用基础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)
  )
  .child(
  Text.create(context).text(“这是小标题”)
  .textColor(Color.GREEN)
  .textSizeDip(16f)
  )
  .build()

}
}

在Activity中使用

···
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
val c = ComponentContext(this);

val component2 = MainLithoView.create©.color(Color.WHITE).title(“这是一个Title”).build()

val component = MainLithoViewSpec.onCreateLayout(c, Color.WHITE, “这是一个Title”)
// 这里不在使用xml，使用 Litho的Component
setContentView(LithoView.create(c, component));
}
···

运行效果:

组件 Spec 类在编译时期会生成与 Spec 名相同但没有 Spec 后缀的ComponentLifecycle 子类。例如，MainLithoViewSpec 类会生成一个 MainLithoView 类。

生成的类种暴露的唯一 API 是 create（…）方法，它为 spec 类中声明的 @Props 返回相应的Component.Builder。 在运行时，特定类型的所有组件实例共享相同的 ComponentLifecycle 引用。这意味着每个组件类型只有一个spec实例，而不是每个组件实例。

MountSpec相比于Layout Spec更复杂一些，它拥有自己的生命周期，在下篇文章中单独讲解。

目前我自己的理解是LayoutSpec中你可以使用官方提供的一些组件来构建UI，但是官方组件毕竟数量有限不可能全部实现UI设计。这时候MountSpec的作用就凸显出来了。MountSpec把Android上的View转化为一个符合Litho要求的Component。

对于Litho我也是一个初学者，后面我会陆续跟新一些使用心得，在博客里基本上写的都是比较随意。掘金上一般会发一些自己整理过的。等不及的同学可以直接在博客 www.apkdv.com/android-hig… 查看

作者：huclengyue
链接：https://juejin.im/post/6870103665626218509

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

最后

如果你看到了这里，觉得文章写得不错就给个赞呗？如果你觉得那里值得改进的，请给我留言。一定会认真查询，修正不足。谢谢。

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

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

起学习！

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！