使用ivx滑动时间轴制作动画效果的经验总结

之前的案例中使用过时间轴制作动画效果，其实在ivx中还有一个滑动时间轴组件，它必须添加在画布组件下，虽然也是通过给组件添加轨迹实现播放效果，不过根据名字比较容易理解它是通过滑动来触发播放的，而且可以选择正向播放的滑动方向。今天我们就使用滑动时间轴和遮罩实现一个简单的动画效果。


1.首先我们在画布下添加一个滑动时间轴，高度和宽度与画布一致，然后添加图片素材，左侧的天气图标统一都是宽度200，高度200，坐标(0,0)，右侧的温度图片统一都是宽度200，高度100，坐标(200,40)。可以看到它们现在是堆叠在一起的，我们可以先只令一对图片显示看一下显示效果。


2.第二步我们添加四个矩形作为四种个天气的背景颜色板，矩形的宽度和高度与滑动时间轴的大小一致，坐标(0,0)即可。下面是单独显示的效果。