tangram
Loong.xu
青春的诀别是不是意味着年迈的将近;其实,青春,她一直都在继续.
展开
-
Tangram 2.0——猫客页面内组件的动态化方案
Tangram 2.0 库AndroidTangram-Android Virtualview-AndroidiOSTangram-iOS Virtualview-iOS背景技术背景一直以来,无线应用都在不断寻求动态化页面的解决方案,在阿里巴巴集团内,除了风风火火地 Weex 项目外,各个团队都有大大小小的解决方案。我们猫客一直持续基于Tangram方案来解决页面动...翻译 2020-04-24 18:57:32 · 825 阅读 · 0 评论 -
Tangram 的基础 —— vlayout(Android)
前言vlayout 是手机天猫 Android 版内广泛使用的一个基础 UI 框架项目 提供了一个用于RecyclerView的自定义的LayoutManger,可以实现不同布局格式的混排,目标是支撑客户端native页面的快速开发。它也是Tangram 框架的基础模块,现已开源,欢迎移步到github上指教。简介背景Android中UI性能消耗主要来自于两个方面:布局层...翻译 2020-04-21 23:02:11 · 681 阅读 · 0 评论 -
苹果核 - vlayout使用说明(二)
前言vlayout 的设计思路请参考Tangram 的基础 —— vlayout(Android)。框架已经开源,欢迎移步到github上指教。本文介绍 vlayout 的基本布局样式上的属性说明。margin, paddingMargin, padding就是外边距、内边距,概念与Android系统的margin, padding一样,但也有不同的地方:它不是整个Recy...翻译 2020-04-21 14:25:54 · 234 阅读 · 0 评论 -
vlayout使用说明(一)
前言vlayout 的设计思路请参考Tangram 的基础 —— vlayout(Android)。框架已经开源,欢迎移步到github上指教。本文介绍 vlayout 的基本使用。默认实现默认通用布局实现,解耦所有的View和布局之间的关系: Linear, Grid, 吸顶, 浮动, 固定位置等。 LinearLayoutHelper: 线性布局 GridLayoutHel...翻译 2020-04-21 14:17:44 · 572 阅读 · 0 评论 -
RecyclerView 里的自定义 LayoutManager 的一种设计与实现
很久很久以前,我分享过一篇文章,介绍了团队推出的一种异构的自定义 LayoutManger 的实现,它是基于 LinearLayoutManager 扩展实现的,这个项目的名字叫 vlayout,也许你以前听说过,或者在 github 上看到过,虽然还存在不少 bug 和不足,但能得到不少同学的支持,真是感到欣慰。image关于它的设计思路,其实在文章《Tangram 的基础 —— v...翻译 2020-04-21 00:05:28 · 868 阅读 · 0 评论 -
Tangram 知识图谱
为了方便大家对 Tangram 有个全局的了解,做了一张图谱做指导。相关开源库AndroidTangram-Android Virtualview-Android vlayout UltraViewPageriOSTangram-iOS Virtualview-iOS LazyScrollView工具virtualview_tools摘自:苹果核 - T...原创 2020-04-20 18:58:53 · 223 阅读 · 0 评论 -
VirtualView Android 实现详解(三)—— 添加一个自定义控件
本系列文章《VirtualView Android实现详解(一)—— 文件格式与模板编译》 《VirtualView Android 实现详解(二)—— 虚拟控件的设计与实现》前文介绍了模板的基本格式、虚拟控件与原生控件混合使用的方式。本文重点在把这两块内容串起来介绍一下,如何实现从模板生成一个运行时的控件,并如何注册一个自定义控件使用。相关开源库AndroidTangram-...翻译 2020-04-19 17:08:49 · 284 阅读 · 0 评论 -
VirtualView 工具大更新
前文《天猫客户端组件动态化的方案——VirtualView 上手体验.md》都提到了自定义模板编译成二进制数据的过程,在 Android 版的 Playground 里内置了一个编译工具可以实时调测,然而业务开发过程中,不可能在手机上编译,而是在电脑或者后台去编译模板。因此这里提供了一个独立的工具来编译模板,这里介绍下它的使用方法。前世今生工具的源码也提交在github上。在一开始的设...翻译 2020-04-19 16:59:33 · 178 阅读 · 0 评论 -
提升开发体验,预览 VirtualView
前文《天猫客户端组件动态化的方案——VirtualView 上手体验.md》都提到了自定义模板编译成二进制数据的过程,在 Android 版的 Playground 里内置了一个编译工具可以实时调测,然而业务开发过程中,不可能在手机上编译,而是在电脑或者后台去编译模板。因此这里提供了一个独立的工具来编译模板,这里介绍下它的使用方法。前世今生工具的源码也提交在 github 上。在一开始的设...翻译 2020-04-19 11:45:30 · 186 阅读 · 0 评论 -
天猫客户端组件动态化的方案——VirtualView 上手体验
在之前的文章《猫客 Tangram 页面内组件的动态化方案》、VirtualView Android实现详解(一)里介绍了 VirtualView 方案,不过内容都侧重与设计和实现原理,在进一步介绍其他细节之前,还是先来直观感受下它是什么、它能实现的效果和它的使用方式吧。VirtualView 简介什么是 VirtualView简单讲,就是我们实现了一系列自定义控件,建立的通过自定义 ...翻译 2020-04-18 20:54:05 · 724 阅读 · 0 评论 -
VirtualView Android 实现详解(二)—— 虚拟控件的设计与实现
本文介绍 VirtualView 方案里虚拟化控件的原理,包括尺寸计算与布局的实现,以及它与原生控件组合使用时的逻辑交互。相关开源库AndroidTangram-Android Virtualview-Android名词解释 VirtualView:如果还不清楚,可以阅读《天猫客户端组件动态化的方案——VirtualView 上手体验》大概了解下; 原生控件:就是通...翻译 2020-04-18 17:59:38 · 635 阅读 · 0 评论 -
VirtualView Android实现详解(一)—— 文件格式与模板编译
在之前的文章《猫客 Tangram 页面内组件的动态化方案》里介绍了 Tangram 页面的组件动态化方案,但是有很多细节没有展开讲,鉴于内容比较多,打算建一个系列,分多篇文章介绍。本文介绍编译 XML 模板的过程。AndroidTangram-Android Virtualview-AndroidiOSTangram-iOS Virtualview-iOS名词解释Virt...翻译 2020-04-18 17:20:37 · 347 阅读 · 0 评论