暗色模式
转场动画
动画是指从一个页面到另一页面的过渡过程。设置好触发和动作后,即可配置动画类型和效果。
动画类型
MasterGo 支持 8 种动画:
| 动画 | 效果 |
|---|---|
| 即时 | 无过渡动画,立即切换 |
| 溶解 | 透明度渐变过渡 |
| 滑入 | 目标页面向指定方向滑入 |
| 滑出 | 当前页面向指定方向滑出 |
| 移入 | 目标页面移入覆盖当前页面 |
| 移出 | 当前页面移出露出目标页面 |
| 推入 | 目标页面推入,当前页面被推出 |
| 智能动画 | 自动匹配同名图层差异,生成补间过渡 |
设置动画时,可在弹窗预览区域查看动画效果。
智能动画
智能动画根据两个页面中同名图层的位置、宽高、角度、圆角、颜色、不透明度、描边、特效等属性差异,自动生成补间过渡。
生效条件:两个页面中的图层名称必须完全相同。命名不同时,即使设置智能动画,也只会呈现淡入淡出效果。
缓动效果
缓动效果控制动画的速度变化曲线。
| 效果 | 说明 |
|---|---|
| 线性渐变 | 匀速过渡 |
| 缓入 | 开始慢,逐渐加速 |
| 缓出 | 开始快,逐渐减速 |
| 缓入缓出 | 开始和结束慢,中间快 |
| 后撤缓入 | 开始时有回撤效果 |
| 停滞缓出 | 结束时有停滞效果 |
| 弹性渐变 | 带有弹性的过渡效果 |
| 自定义 | 自行绘制动画效果曲线 |
自定义效果曲线
自定义效果曲线可以可视化、参数化地调整动画速度。
进入自定义选项后,有三个模块:
曲线绘制区:斜对角两个黑色圆点是曲线的端点(不可移动),另外两个黑色圆点是绘制手柄。拖动手柄改变曲线形态。
预设曲线区:点击预设曲线可直接应用,并在此基础上微调。
曲线参数区:四个数值对应两个手柄的坐标 (x1, y1) 和 (x2, y2)。x 坐标范围 [0, 1],y 坐标范围 [-10000, 10000],支持两位小数。
理解曲线:X 轴代表时间,Y 轴代表动画值。曲线斜率越大速度越快,越平缓速度越慢。
常见问题
| 问题 | 解决方法 |
|---|---|
| 智能动画不生效 | 检查两个页面的图层名称是否完全一致 |
| 动画卡顿 | 减少动画中的复杂效果;缩短动画时长 |
| 过渡效果不对 | 检查是否选对了动画方向(滑入/滑出的方向设置) |