Skip to content

转场动画

动画是指从一个页面到另一页面的过渡过程。设置好触发和动作后,即可配置动画类型和效果。

动画类型

MasterGo 支持 8 种动画:

动画效果
即时无过渡动画,立即切换
溶解透明度渐变过渡
滑入目标页面向指定方向滑入
滑出当前页面向指定方向滑出
移入目标页面移入覆盖当前页面
移出当前页面移出露出目标页面
推入目标页面推入,当前页面被推出
智能动画自动匹配同名图层差异,生成补间过渡

设置动画时,可在弹窗预览区域查看动画效果。

智能动画

智能动画根据两个页面中同名图层的位置、宽高、角度、圆角、颜色、不透明度、描边、特效等属性差异,自动生成补间过渡。

生效条件:两个页面中的图层名称必须完全相同。命名不同时,即使设置智能动画,也只会呈现淡入淡出效果。

缓动效果

缓动效果控制动画的速度变化曲线。

效果说明
线性渐变匀速过渡
缓入开始慢,逐渐加速
缓出开始快,逐渐减速
缓入缓出开始和结束慢,中间快
后撤缓入开始时有回撤效果
停滞缓出结束时有停滞效果
弹性渐变带有弹性的过渡效果
自定义自行绘制动画效果曲线

自定义效果曲线

自定义效果曲线可以可视化、参数化地调整动画速度。

进入自定义选项后,有三个模块:

曲线绘制区:斜对角两个黑色圆点是曲线的端点(不可移动),另外两个黑色圆点是绘制手柄。拖动手柄改变曲线形态。

预设曲线区:点击预设曲线可直接应用,并在此基础上微调。

曲线参数区:四个数值对应两个手柄的坐标 (x1, y1) 和 (x2, y2)。x 坐标范围 [0, 1],y 坐标范围 [-10000, 10000],支持两位小数。

理解曲线:X 轴代表时间,Y 轴代表动画值。曲线斜率越大速度越快,越平缓速度越慢。

常见问题

问题解决方法
智能动画不生效检查两个页面的图层名称是否完全一致
动画卡顿减少动画中的复杂效果;缩短动画时长
过渡效果不对检查是否选对了动画方向(滑入/滑出的方向设置)