企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
# 分页/加载页 如下图,在右侧“加载”页面,选择“加载样式”为“进度条”,在其下拉菜单内可自行设置加载属性。例如填写“提示文字”、设置文字大小、颜色,添加背景图片、前景图片等 ![](https://box.kancloud.cn/b1d00cfa8a55e24a4215f62209c2dc49_800x408.png) 点击“预览”观察效果 ![](https://box.kancloud.cn/200e90a4c770c1dd125f2b56fcfeb4ff_800x426.png) 如图,将样式改为“进度环”,其他属性设置不变 ![](https://box.kancloud.cn/d788fe01ddabf07cecb49af8ef377217_800x337.png) 点击“预览”观察效果 ![](https://box.kancloud.cn/73644f4ac3ab4ccdc51f4173cd217607_800x292.png) 将样式改为“旋转加载”,可观察到加载效果如下 ![](https://box.kancloud.cn/ef42afafb9d4e164f2c9ce0abd92d866_800x272.png) 将样式改为“旋转加载+百分比”,可观察到加载效果如下 ![](https://box.kancloud.cn/59eba4ae1944ec748f507fb483456767_800x280.png) 将样式改为“首页作为加载页面”可完成更个性化的加载形式定制,如下图,在首页添加一个火箭图片素材,调整大小与位置。鼠标选中该素材右键→“转换为元件” ![](https://box.kancloud.cn/f5be2cbe4a0b6f9ce4afa0fbd2c8aa0f_800x464.png) 双击该元件进入元件编辑页面。在时间轴20帧的位置右键→“插入帧”,右键→“插入关键帧动画” ![](https://box.kancloud.cn/c87f9df5a0f0cb1a802a83b5bf4b4289_800x273.png) 在20帧的位置右键→“插入关键帧” ![](https://box.kancloud.cn/4c7ccf8c48e6b948f6b15c790d94e59d_800x337.png) 鼠标选中第10帧关键帧位置,将火箭图片向上拖动一些位置,制作出火箭上下移动的动画效果 ![](https://box.kancloud.cn/bb8d4b6fc07bdaa39bdfbb346644357e_800x390.png) 点击回到“舞台”,新建一个图层1,选中图层1的第一帧,点击“矩形”工具在“舞台”上拉出一个长条矩形作为进度条,可适当调整矩形颜色大小等 ![](https://box.kancloud.cn/c1d3da076bfd2f54f4090e22b1de6252_800x470.png) 同时选中图层0、图层1的第30帧,鼠标右键→“插入帧” ![](https://box.kancloud.cn/b3290f690b37d69fc8d2f369e2d1798f_800x258.png) 选中图层1的有帧位置,右键→“关键帧动画” ![](https://box.kancloud.cn/2aed0ffd47ac8e0512ec0e21481b1f15_800x261.png) 选中图层1的起始关键帧,点击矩形元素,在其“属性面板”内将其“宽”值设为“1” ![](https://box.kancloud.cn/a9a8115624882601da44e3ea8a14f647_800x326.png) 添加一个新页面,点击预览动画效果,发现长条矩形出现横向拉长,即加载的动画效果,动画播放完后自动跳至第2页。 ![](https://box.kancloud.cn/fbfd11a27a7234c4375ab2d1be34252f_800x281.png) 观看本节视频教程: http://cdn1.mugeda.com/course/3/3.3/3.3.9.mp4