.

5.联动/Binding:错位滑动视觉效果

老赵发表于:2015年01月03日 20:43:35更新于:2021年10月22日 13:51:47


视频教程



一、案例效果

0015c9a0053aa4fd6159e4c65e053c6

《案例效果》


二、应用场景

联动组件(Binding)用于关联多个对象,使得其中一个对象的动作,会带动其他关联对象做出相应的动作。

《视察海报案例教程》


三、组件用法

基本用法

1.添加支持联动的组件。联动支持的元素有:layer容器;幻灯、序列帧、layer幻灯。


2.添加联动组件

0015790d2cb89a9d9b6e5f51afda63f


3.选中联动组件,右侧面板点击“+”绑定支持的组件。

0015c9a02304abd99b335eac48a58da


4.这些组件之间多个元素正向和反向的联动。主控元素是相对于正向、反向而言的,并非主控元素只能通过滑动它来联动,也可以通过点击其他元素,切换到A幻灯某一帧时,触发切换到B幻灯的某一帧。

动图展示过程:

0015678f53d408bea65b74a765481ae


--------- 不了解设计的程序员不是好客服 ---------------

回复(3)