数据绑定功能主要负责关联节点和服务端数据的对应关系,涉及到.databinding文件的内容的修改,入口位置
数据绑定 - 图1
数据绑定主界面分两部分区域,左边是绑定的Mock数据,这个是在真实运行在客户端上时,需要的服务端数据,且只是当前模板开始需要的层级的服务端数据;右边是具体数据属性的绑定设置,下图是View类型的节点的示例
数据绑定 - 图2

数据绑定(data)

支持模板表达式,以上面的截图的Mock数据为例,数据绑定(data)的输入框中的内容格式可以是 ${meta.title}或者 @(${other.show} ? ${meta.title} : ' ')${}是取对应模板绑定的数据的路径,具体解释可以参考模板引擎的相关文档

事件绑定(event)

对应修改的是index.databinding中的event字段
数据绑定的格式支持两种

  1. 字符串

字符串的内容包括跳转数据的路径 ${data.action} , data.action的值就是绑定的服务端的下发的跳转数据,客户端解析执行跳转

  1. JSON格式

可以自定义具体key的名称和值,具体截止参考模板引擎的相关文档

动画绑定(event)

支持两种类型,包括Lottie和属性动画(属性动画是特指采用动效曲线SDK的动画)

Lottie动画

区分资源在本地还是在线,以及是否循环等设置选项
数据绑定 - 图3

属性动画(动效曲线)

属性动画底层能力由动效曲线SDK提供,使iOS和Android的动画效果一致,点击【新增子动画】后会展示出可设置的属性,包括延时、循环、需要动画的属性、以及差值器的名称等
数据绑定 - 图4

扩展(extend)

格式必须为合法的JSON,对应index.databinding文件中的extend字段,具体设置的内容可以参考模板引擎的相关文档
数据绑定 - 图5