# 界面与舞台简介
#### **一、界面概览**
**1. 常用菜单栏**
包含基本操作菜单,例如文件、编辑、修改、视图、动画、帮助等。
![](https://box.kancloud.cn/dc6f7b7691206b827b620cacf990ca6d_800x236.png)
**2. 工具箱(快捷工具栏)**
包含保存、预览等常用的一些工具的快捷访问。
![](https://box.kancloud.cn/0c44f65514aa0fc324f9d803066c8e6c_800x239.png)
**3. 时间线(时间轴)**
用来方便的对动画进行精确的控制,可以添加关键帧动画、进度动画、变形动画、遮罩动画等形式。
![](https://box.kancloud.cn/6cf59e30fdc41b924b01d7ccce00a79e_800x255.png)
**4. 工具条**
包含选项、元素、绘制、动画控制、手机功能等内容。
![](https://box.kancloud.cn/2d2cbe20ea28703dbe0cd249364ec403_800x479.png)
**5. 页面栏**
用来进行页面的增加、复制、删除、插入等操作。
![](https://box.kancloud.cn/490df02a54751861ffab7898974666c6_800x484.png)
**6. 舞台**
整个界面的核心区域,是编辑、制作、播放动画的区域
![](https://box.kancloud.cn/029b90a4def2af3aa0729082aec3d5c5_800x517.png)
**7. 属性栏**
包含你所选的元素(图片、文字、视频等)属性,这些属性包括位置、大小、旋转、行为等。
![](https://box.kancloud.cn/ae4046d98f659e99c448162d705c2c13_800x488.png)
#### **二、菜单栏**
菜单栏包括“文件”“编辑”“视图”“动画”“功能演示”五大板块。
**1.“文件”**:包括“新建”“打开”“保存”等功能。
![](https://box.kancloud.cn/96d830b9c60becf49e160ff623fcf700_800x435.png)
**2.“编辑”**:包括“撤销”“重做”“剪切”“复制”“锁定物体”及“全部解锁”等功能。
![](https://box.kancloud.cn/d62bb26d624e2a6d840db5224cb4df9b_800x545.png)
2.1“锁定”功能
选择舞台上需锁定的物体,点击“编辑”→“锁定物体”,即将物体锁定。锁定后不能对其进行位置、大小等属性调节。点击“编辑”→“全部解锁”即解锁所有被锁定的物体。
![](https://box.kancloud.cn/c7b77d7c25f82cc3cef5c88e774cfbe5_800x541.png)
2.2“排列”功能
“排列”功能即排列舞台上各个物体的层次覆盖顺序。例如选择舞台上的红框,点击“编辑”→“排列”→“上移一层”,即可将红框移至蓝框之上。
![](https://box.kancloud.cn/3a76ff1ac64b37dd269c13d670993c15_800x494.png)
![](https://box.kancloud.cn/85ccbdc9d2b72f442592b658ea6a5d41_800x386.png)
2.3“对齐”功能
“对齐”功能用于舞台上物体之间的排版。包括“左”“右对齐”“上”“下对齐”等对齐方式。如图,同时选中需对齐的物体,点击“编辑”→“对齐”→“右对齐”,即出现两个物体右对齐效果。
![](https://box.kancloud.cn/5d6fa77a13ed244cd5c11bc993d361d5_800x598.png)
![](https://box.kancloud.cn/5a6c085ab63d95d584f3f9e980abe3a3_800x330.png)
2.4“变形”功能
“变形”功能包括“左右翻转”“上下翻转”两种变形方式。如图,选中需翻转的物体,点击“编辑”→“变形”→“左右翻转”即可将物体左右翻转。
![](https://box.kancloud.cn/0e45d182df9ee0fdbbe1c520427c7416_800x516.png)
![](https://box.kancloud.cn/7d09fabce9c42534176388d3c2d5a885_800x362.png)
* 注:“排列”“对齐”“变形”等功能可直接在舞台上选中物体,右键出现功能列表。
**3.“视图”**:包括“工具条”“工具箱”“标尺”等功能。
![](https://box.kancloud.cn/e2090cd3965feefb4eede45df279d902_800x383.png)
3.1 “标尺”功能
点击“标尺”功能即可在舞台上出现标尺,便于排版等操作。
![](https://box.kancloud.cn/0cffff3e8d082db0540b83f52f7c279d_800x417.png)
**4.“动画”**:包括“插入关键帧动画”“删除关键帧动画”“插入进度动画”“删除进度动画”等功能。
![](https://box.kancloud.cn/c849b7c09a35f534c3e996a53d46310f_800x495.png)
**5.“功能演示”**:包括“快捷键”“交互教程”,“交互教程”下会有Mugeda相关教程讲解。
![](https://box.kancloud.cn/69f943ee224826e72590141845a6763d_800x400.png)
#### **三、快捷工具栏**
如下图,快捷工具栏包括“新建”“打开”“保存”“剪切”“复制”“粘贴”“删除”“撤销”“重做”“播放”“停止”“预览”“通过二维码共享”“脚本”“发布”等快捷按钮。
![](https://box.kancloud.cn/c646ac05ad857ff0765c6900a188474e_800x248.png)
其中,“通过二维码共享”中包括预览地址链接、编辑地址链接、手机可扫描预览的二维码等功能。
![](https://box.kancloud.cn/7690ed5442bd9766c45df70a19c18fc1_801x353.png)
#### **四、时间线**
时间线是制作动画的关键功能。时间线把图层和图像、帧按时间进行组合、播放来形成动画。时间线包含“图层”“帧”区域;底下有“新建图层”“新建图层夹”“删除图层”“洋葱皮”“转为遮罩层”“添加遮罩层”“切换遮罩显示”功能按钮;“帧速”“当前帧位置”“当前帧时间”等显示。
![](https://box.kancloud.cn/348cf4354947f14f0b66cd4004893848_800x488.png)
#### **五、工具条**
工具条包含“选择”“媒体”“绘制”“控件”“表单”“微信”六大工具板块。
![](https://box.kancloud.cn/42ac223f6a7614acf4cbb854273ab870_800x484.png)
**1.“选择”**:包括“选择”“节点”“变形”“缩放比例”“快捷工具”五大工具。
**2.“媒体”**:包括“素材库”“图像”“声音”“视频”“文字”“文本段落”“幻灯片”“网页”“曲线图表”工具。
**3.“绘制”**:包括“直线”“曲线”“矩形”“圆角矩形”“椭圆”“多边形”等工具
**4.“控件”**:包括有“擦玻璃”“点赞”“绘画板”“定时器”“随机数”“陀螺仪”等工具。
**5.“表单”**:包括“输入框”“单选框”“多选框”“列表框”“表单”等工具。
**6.“微信”**:包括“微信头像”“微信昵称”“定制图片”“录音”等工具。
#### **六、页面栏**
在“页面栏”下可通过点击页面下的“+”添加多个新页面,通过点击切换页面,页面栏下的每个页面都是一个单独的动画。
![](https://box.kancloud.cn/c2b3aa5299e12c8437d437c7dd383ff8_800x409.png)
点击页面右下角“从模板中添加”按钮可从Mugeda自带模板中选择添加模板页面。
![](https://box.kancloud.cn/75ec131c47df23d435579e1c7b9d8d94_800x451.png)
#### **七、舞台**
“舞台”是整个界面的核心区域,位于界面的中央,在其周围,留有一定的编辑缓冲区域,该区域内的对象不会在最终的内容展示上出现,但是可以用来很方便的组织暂时不在舞台的对象。动画在“舞台”区域内制作和播放。
![](https://box.kancloud.cn/372fa97c908c1e1b2dc0fb9d42976639_1352x656.png)
#### **八、属性面板**
**1.“属性面板”**
“属性面板”显示和控制“舞台”及动画元素的各种参数,其中包括“内容标题”“舞台”或“元素”及其图像、宽高、帧速设置、填充色设置等功能。
![](https://box.kancloud.cn/d5dde7ed0b9ad877f27a3f7980ee43db_800x444.png)
**2.“元件库”**
“元件库”包含声音元件和动画元件。“元件库”对元件进行管理的必要功能,例如新建元件,复制元件、生成文件夹、删除元件、导出导入元件、等。一个元件是一个包含有自身独立的时间线的动画片段,可以反复在舞台上使用,创建比较复杂的组合动画。
![](https://box.kancloud.cn/b36f174abe60b6c9e6262da0262b1239_799x505.png)
3.“翻页面板”
“翻页面板”包括“翻页效果”“退出效果”“翻页方向”“循环”“翻页时间”“翻页图标”
![](https://box.kancloud.cn/3df7bf2778b68d8dd5b5966d66838e5d_799x481.png)
4.“分享面板”
“分享面板”包括转发标题、转发描述、朋友圈转发标题等分享信息。
![](https://box.kancloud.cn/b93a02e828755964650833e0f0b15c7a_800x287.png)
5.“加载”设置
“加载”的样式包含“默认”“进度条”“进度环”“旋转加载”“旋转加载+百分比”“首页作为加载界面”
![](https://box.kancloud.cn/ab8c53eda8c3d64949f75c1ab4e9b180_799x229.png)
观看本节视频教程:
http://medu.mugeda.com/lesson/5948eb0f9aeb7060c44f03e4
- 阅读须知
- Mugeda平台介绍
- 新手必看
- Mugeda是什么?
- 快速入门
- 快速制作炫酷动画
- 无代码添加交互
- 学会使用Mugeda模板
- 如何快速修改木疙瘩模板
- 作品创建前必读
- 手机屏幕适配方法
- 图片处理
- 声音及视频处理
- 屏幕适配设置
- 发布和预览链接的区别
- H5作品相关设置
- 如何发布作品
- 功能详解
- 界面与舞台
- 简介
- 缩放层数据
- 翻页的相关设置
- 关键帧和页面的命名
- 加载的相关设置
- 物体属性设置
- 元件界面介绍
- 滤镜效果
- 屏幕适配范围与安全框
- 辅助线功能
- 首页加载的静态导出
- 素材与媒体
- 图片上传/素材库
- 文本/文本段落
- 网页
- 幻灯片
- 视频
- 声音
- 声音的控制
- 绘制素材
- 云字体
- 曲线图表
- 拖动动画
- 虚拟现实
- 粘贴第三方文字和图片
- 常用编辑操作
- 锁定物体
- 节点工具
- 路径工具
- 排列、对齐、变形、组合、合并功能
- 转换为元件
- 导入PSD及注意事项
- 声音和视频的压缩
- 声音和视频的交互控制
- 动画
- 时间轴及图层
- 选择工具
- 关键帧动画
- 路径动画
- 进度动画
- 曲线变形动画
- 预置动画
- 元件动画
- 分页/加载页
- 遮罩动画
- 动画运动
- 标尺和辅助线的使用
- 复制帧/图层
- 如何实现动画控制
- 文字变形动画
- 运动曲线编辑
- 行为
- 行为添加以及触发事件
- 帧的行为
- 页的行为
- 播放元件片段
- 改变元素属性
- 改变图片
- 设置定时器
- 手机功能
- 跳转链接
- 拖动的多种逻辑关系
- 舞台截图
- 改变行为属性增加方框颜色
- 控件
- 陀螺仪
- 定时器
- 随机数
- 擦玻璃
- 点赞
- 绘画板
- 投票
- 抽奖
- 连线
- 拖动容器
- 投票、抽奖实时数据管理
- 计数器组件
- 排行榜
- 微信功能
- 微信头像/微信昵称
- 定制图片
- 录制声音
- 分享信息
- 表单
- 自定义表单
- 系统默认表单
- 定制文字
- 定制贺卡文字
- 关联绑定
- 舞台动画关联
- 元件动画关联
- 属性关联
- 自动关联
- 公式关联
- 条件判断
- 逻辑表达式判断
- 多种表达式的写法
- Mugeda API
- MugedaAPI整体结构
- 在动画中插入脚本
- 使用自定义回调函数
- 通过API定义微信转发
- 获取Mugeda后台数据
- 部署第三方服务器
- 案例讲解
- 展示动画
- 邀请函
- 招聘
- 个人简历
- 可定制贺卡
- 手机广告
- 长按手指控制动画播放
- 2016网易娱乐圈画传
- 一只挖空心思的行礼箱
- 科幻风格H5的制作
- 拖动长图类H5制作
- 小爷吴亦凡案例
- UI原型
- 小图标动画
- 用Mugeda巧做GIF
- 小游戏
- 拍宇航员
- 手术刀
- 测试题
- 拖动选择
- 概率抽奖
- 声音测试题
- 真假朋友大质检
- 图片合成类H5的制作
- 60秒帮你摆脱朋友圈
- H5录音机
- 制作接力型H5
- 微信/定制
- 和宝宝聊天
- 和奥运冠军合影
- 热门案例(试看)
- 什么才是福
- 教你玩转密室逃脱类H5制作
- 星巴克咖啡
- 小爷吴亦凡
- 谁是足球明星
- 拷问拍拍618机密
- 用HTML5做交互课件
- CEO邀你群聊
- 里约大冒险
- 天猫宇宙邀请函
- 快闪
- H5换装小游戏
- 视差类型H5制作
- H5版flappy bird
- 连连看小游戏
- 用遮罩做镜头特效
- 网易5笔画爱
- 剪刀石头布小游戏
- 交互动画类H5制作
- 最新功能(1213)
- 如何使用排行榜
- 小功能更新
- 锁定边距
- 其他教程
- Mugeda简约版介绍
- 如何自定义绑定微信公众号
- 教师版账号详情介绍及使用方法