Android-Tangram模型:淘宝、天猫都在用的UI框架模型你一定要懂

Tangram是淘宝、天猫Android应用广泛使用的UI框架,具备高性能、面向业务、扩展性好和多端一致性等特点。其高性能通过预计算和组件回收复用来提升页面渲染效率。面向业务,它支持组件业务化和动态化,允许业务方通过后端数据动态调整页面布局。Tangram采用插件化扩展,确保多端表现一致。本文还介绍了Tangram的架构和原理,包括页面概念模型、卡片和组件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

3. 应用场景

  • 常规业务 中 复杂的布局格式混排,如:浮动布局、栏格布局、通栏布局、一拖N布局、瀑布流布局,还可以组合使用这些布局
  • 具体场景是:如电商平台首页、活动频道等等

Tangram 模型目前已在手机天猫 & 淘宝 Android 版内广泛使用


4. Tangram优点

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1BuGTVOn-1650983084934)(//upload-images.jianshu.io/upload_images/944365-de4973c49886aae1.png?imageMogr2/auto-orient/strip|imageView2/2/w/1200/format/webp)]

4.1 高性能

在性能方面,希望 贴近Native开发,重点:页面渲染效率 & 组件回收复用

  • 页面渲染:为了提升渲染效率,Tangram将在视图渲染之前把大量的计算工作在VM中完成,并缓存在VM组成的树形结构里。
  • 回收和复用——Tangram在Android和iOS平台上分别开发了VLayoutLazyScroll两个基础组件,通过一个双索引可见区域组件发现算法,实现了跨父节点组件的高效回收和复用。

4.2 面向业务

a. 组件业务化

根据 业务类型 将组件 封装成 能承担一定业务能力的复用单元。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值