阿里 Android 动态界面开发框架 Tangram，是时候了解一波了

熟悉阿里出品的vlayout的读者都知道，vlayout极大地扩展了RecyclerView的LayoutManager，从而为RecyclerView提供了一组布局。

使用该开源项目，可让咱们在同一个RecyclerView里处理线性、网格等等各类复杂的布局。然而，使用vlayout时，一切都须要用Java代码实现，并且都是写在客户端上，一旦须要修改就必须发版，不是很灵活，因而阿里又提出了Tangram，其可使用json来配置布局，能够说极大地提高了灵活性。

Tangram 是阿里出品的用于快速实现组合布局的框架模型，在手机天猫 Android 及 iOS版普遍使用，以下图：

手机天猫

Tangram中文翻译为七巧板，即该框架提供一系列基本单元布局，经过快速拼装就能搭建出一个具有多种布局的页面。其提供了流式布局、滚动布局，瀑布流布局，固定布局等数种布局样式，布局提供样式参数供调整，布局内部也可填充任意的视图(View)，使Native开发的页面具有必定的动态性，并提供极致的性能。

官方demo截图以下：

Tangram包含的特色以下：

• Android iOS 双平台支持。
• 经过 json 建立页面视图，并提供了默认的解析器。
• 可轻松实现页面视图的回收与复用。
• 框架提供多种默认的布局方式。
• 经过 json 数据或代码支持自定义布局样式。
• 高性能，基于vlayout。
• 支持扩展功能模块。

官方虽然给出了使用文档，可是不是很适合入门上手，因而我参照官方文档和各种文章，本身实现了一个demo，并总结成了一篇文章，在这里分享给你们。

Android动态界面开发框架Tangram使用完整教程：
https://blog.csdn.net/u013541...

在这篇文章里，你们能够按照个人思路，来了解一下Tangram的概念、掌握该开源框架的使用步骤，并熟练使用该框架来进行布局和组件的开发。该文章的目录截图以下：

经过阅读上面的文章，你们就会了解到，在 Tangram 体系里，页面结构能够经过配置动态更新。然而，业务组件仍是要经过 Java 代码实现的，没法动态更新。

因而，VirtualView 就是为了解决业务组件的动态更新而生的，它提供了一系列基础 UI 组件和布局组件能力，经过 XML 来搭建业务组件，并将 XML 模板编译成二进制数据，而后主体框架解析二进制数据并渲染出视图。当 XML 模板数据能动态下发的时候，客户端上的业务组件视图也就能动态更新了。

VirtualView 是 Tangram 升级过程当中引入的新的组件开发技术，主要功能包括：

• 一份模板，两端支持。
• 提供基础的原子控件与容器控件，支持加入自定义组件。
• 支持一种虚拟化实现控件的协议，在模板里混合使用虚拟控件和实体控件。
• 支持在模板里编写数据绑定的表达式。
• 支持在模板里写事件触发的逻辑表达式。
• 提供配套的开发工具，辅助模板开发工具。

在下面这篇文章，我给你们带来了如何去使用VirtualView这个开源框架：

Android动态界面开发框架VirtualView使用完整教程
https://blog.csdn.net/u013541...

经过学习该文章，你们能够：

• 了解 VirtualView 模板数据的格式
• 了解 VirtualView 的基本原理，包括从模板编译、解析、绑定数据几个主要流程
• 了解 VirtualView 的基本接入方式，初始化、添加自定义基础控件、添加与外部的逻辑交互等
• 了解 VirtualView 内置基础控件的特性，避免重复开发

该文章的目录截图以下：

这两篇文章里实现的demo已上传到GitHub上，开源地址连接：https://github.com/jimmysuncp...

熟悉阿里出品的vlayout的读者都知道，vlayout极大地扩展了RecyclerView的LayoutManager，从而为RecyclerView提供了一组布局。

使用该开源项目，可让咱们在同一个RecyclerView里处理线性、网格等等各类复杂的布局。然而，使用vlayout时，一切都须要用Java代码实现，并且都是写在客户端上，一旦须要修改就必须发版，不是很灵活，因而阿里又提出了Tangram，其可使用json来配置布局，能够说极大地提高了灵活性。

Tangram 是阿里出品的用于快速实现组合布局的框架模型，在手机天猫 Android 及 iOS版普遍使用，以下图：

手机天猫

Tangram中文翻译为七巧板，即该框架提供一系列基本单元布局，经过快速拼装就能搭建出一个具有多种布局的页面。其提供了流式布局、滚动布局，瀑布流布局，固定布局等数种布局样式，布局提供样式参数供调整，布局内部也可填充任意的视图(View)，使Native开发的页面具有必定的动态性，并提供极致的性能。

官方demo截图以下：

Tangram包含的特色以下：

• Android iOS 双平台支持。
• 经过 json 建立页面视图，并提供了默认的解析器。
• 可轻松实现页面视图的回收与复用。
• 框架提供多种默认的布局方式。
• 经过 json 数据或代码支持自定义布局样式。
• 高性能，基于vlayout。
• 支持扩展功能模块。

官方虽然给出了使用文档，可是不是很适合入门上手，因而我参照官方文档和各种文章，本身实现了一个demo，并总结成了一篇文章，在这里分享给你们。

Android动态界面开发框架Tangram使用完整教程：
https://blog.csdn.net/u013541...

在这篇文章里，你们能够按照个人思路，来了解一下Tangram的概念、掌握该开源框架的使用步骤，并熟练使用该框架来进行布局和组件的开发。该文章的目录截图以下：

经过阅读上面的文章，你们就会了解到，在 Tangram 体系里，页面结构能够经过配置动态更新。然而，业务组件仍是要经过 Java 代码实现的，没法动态更新。

因而，VirtualView 就是为了解决业务组件的动态更新而生的，它提供了一系列基础 UI 组件和布局组件能力，经过 XML 来搭建业务组件，并将 XML 模板编译成二进制数据，而后主体框架解析二进制数据并渲染出视图。当 XML 模板数据能动态下发的时候，客户端上的业务组件视图也就能动态更新了。

VirtualView 是 Tangram 升级过程当中引入的新的组件开发技术，主要功能包括：

• 一份模板，两端支持。
• 提供基础的原子控件与容器控件，支持加入自定义组件。
• 支持一种虚拟化实现控件的协议，在模板里混合使用虚拟控件和实体控件。
• 支持在模板里编写数据绑定的表达式。
• 支持在模板里写事件触发的逻辑表达式。
• 提供配套的开发工具，辅助模板开发工具。

在下面这篇文章，我给你们带来了如何去使用VirtualView这个开源框架：

Android动态界面开发框架VirtualView使用完整教程
https://blog.csdn.net/u013541...

经过学习该文章，你们能够：

• 了解 VirtualView 模板数据的格式
• 了解 VirtualView 的基本原理，包括从模板编译、解析、绑定数据几个主要流程
• 了解 VirtualView 的基本接入方式，初始化、添加自定义基础控件、添加与外部的逻辑交互等
• 了解 VirtualView 内置基础控件的特性，避免重复开发

该文章的目录截图以下：

这两篇文章里实现的demo已上传到GitHub上，开源地址连接：https://github.com/jimmysuncp...

你们能够经过个人文章和demo去学习，感谢你们的支持！