步骤2
复制这个圆形,扩大,去掉填充,描边设置为3pt白色
继续复制,扩大,描边2pt
完事后居中对齐
隐藏tap图层组,因为刚加载完界面是不会显示触控点的,但是当选择元素产生转场时会出现。
滚动效果
步骤1
现在,终于开始做UI动态演示效果了,打开时间轴面板,创建帧动画
按下图那个红色划线按钮,创建新帧
步骤2
显示Tap图层组,隐藏两个描边圆,用来代表滚动手势。当开始滚动时,两个描边圈也出现,涟漪效果能够突出滚动手势。
步骤3
第一帧1s,第二帧开始帧延迟设置为0.2s
步骤4
添加帧
步骤5
显示Tap图层组所有突出。使用移动工具,来上移Tap图层组和主要内容图层组
步骤6
为了让滚动效果更流畅,选中当前帧和前一帧,点击时间轴面板中得选项,选择过渡
设置如下
现在,便有稍微流畅的效果了。
步骤7
如果感觉动效有点慢,想让它快点,那么可以将帧延迟设置为0.1s
播放一下,不要忘记循环次数选择永远,更好地观摩效果以便调试
步骤8
现在我们想让界面滚动回来,我们需要复制第二帧到最后一帧
拷贝单帧
选择粘贴单帧,将其移动到最后一帧。
步骤9
同步骤7,选择过渡
添加新帧,隐藏Tap图层组。
效果演示: