动态组件状态

动态组件的作用

动态组件和页面状态一样可以用来实现页面内的交互动画。可以让页面中一个组件的位置、大小、颜色发生改变,也可以设置显示隐藏。

动态组件和页面状态比较

动态组件和页面状态的动画效果实际上都是用状态实现的。两者的区别在于:

1)页面状态做的动画效果会影响整个页面内的组件,动态组件做的动画效果只会影响动态组件内部的组件。

2)页面状态基于项目页面完成,不太方便保存复用,动态组件与项目页面是分离的,可以保存到组件库中作为组件素材复用。

由于以上两点差异,建议刀友们在做交互动效的时候优先选择用动态组件来实现。

tips:如果在切换页面状态或组件状态时,不想每次重复设置无效果或神奇移动,可在左上角点击偏好设置-默认动效。

001619ca6b3ba380d32f1e6d3e9a96e

动态组件连接其它页面

动态组件要连接其它页面,需要在动态组件编辑区内,为相应状态内的元素添加事件跳转至其他页面。

001617f9ae608e6d4608c69681f186a