所有可以设置动画的页面元素,其动画属性都是一样的。现以列表组件为例:
点击“动画设置”按钮,将弹出动画设置窗口:
其中,动画效果有多达40余种选择项,持续时间和延迟时间的计量单位都是秒:
假如选择的是“从右侧弹入”,持续时间为2,在保存并刷新页面之后,这个列表将有“从右侧弹入”的动画效果,持续时间为2秒:
延迟时间是指在延迟多少秒之后才开始显示动画,默认值为空,也就是不延迟。延迟时间一般用在有多个元素的页面中。
例如,我们在当前页面中插入一个标题,该标题的动画效果为“从上方滑入”,持续时间3秒,延迟时间为空:
在重新生成代码并刷新页面之后,标题和列表两个元素会同时执行动画。如果将列表的延迟时间设为3,则列表会在标题动画执行完毕之后才开始: