# 界面与舞台简介
#### **一、界面概览**
**1. 常用菜单栏**
包含基本操作菜单,例如文件、编辑、修改、视图、动画、帮助等。

**2. 工具箱(快捷工具栏)**
包含保存、预览等常用的一些工具的快捷访问。

**3. 时间线(时间轴)**
用来方便的对动画进行精确的控制,可以添加关键帧动画、进度动画、变形动画、遮罩动画等形式。

**4. 工具条**
包含选项、元素、绘制、动画控制、手机功能等内容。

**5. 页面栏**
用来进行页面的增加、复制、删除、插入等操作。

**6. 舞台**
整个界面的核心区域,是编辑、制作、播放动画的区域

**7. 属性栏**
包含你所选的元素(图片、文字、视频等)属性,这些属性包括位置、大小、旋转、行为等。

#### **二、菜单栏**
菜单栏包括“文件”“编辑”“视图”“动画”“功能演示”五大板块。
**1.“文件”**:包括“新建”“打开”“保存”等功能。

**2.“编辑”**:包括“撤销”“重做”“剪切”“复制”“锁定物体”及“全部解锁”等功能。

2.1“锁定”功能
选择舞台上需锁定的物体,点击“编辑”→“锁定物体”,即将物体锁定。锁定后不能对其进行位置、大小等属性调节。点击“编辑”→“全部解锁”即解锁所有被锁定的物体。

2.2“排列”功能
“排列”功能即排列舞台上各个物体的层次覆盖顺序。例如选择舞台上的红框,点击“编辑”→“排列”→“上移一层”,即可将红框移至蓝框之上。


2.3“对齐”功能
“对齐”功能用于舞台上物体之间的排版。包括“左”“右对齐”“上”“下对齐”等对齐方式。如图,同时选中需对齐的物体,点击“编辑”→“对齐”→“右对齐”,即出现两个物体右对齐效果。


2.4“变形”功能
“变形”功能包括“左右翻转”“上下翻转”两种变形方式。如图,选中需翻转的物体,点击“编辑”→“变形”→“左右翻转”即可将物体左右翻转。


* 注:“排列”“对齐”“变形”等功能可直接在舞台上选中物体,右键出现功能列表。
**3.“视图”**:包括“工具条”“工具箱”“标尺”等功能。

3.1 “标尺”功能
点击“标尺”功能即可在舞台上出现标尺,便于排版等操作。

**4.“动画”**:包括“插入关键帧动画”“删除关键帧动画”“插入进度动画”“删除进度动画”等功能。

**5.“功能演示”**:包括“快捷键”“交互教程”,“交互教程”下会有Mugeda相关教程讲解。

#### **三、快捷工具栏**
如下图,快捷工具栏包括“新建”“打开”“保存”“剪切”“复制”“粘贴”“删除”“撤销”“重做”“播放”“停止”“预览”“通过二维码共享”“脚本”“发布”等快捷按钮。

其中,“通过二维码共享”中包括预览地址链接、编辑地址链接、手机可扫描预览的二维码等功能。

#### **四、时间线**
时间线是制作动画的关键功能。时间线把图层和图像、帧按时间进行组合、播放来形成动画。时间线包含“图层”“帧”区域;底下有“新建图层”“新建图层夹”“删除图层”“洋葱皮”“转为遮罩层”“添加遮罩层”“切换遮罩显示”功能按钮;“帧速”“当前帧位置”“当前帧时间”等显示。

#### **五、工具条**
工具条包含“选择”“媒体”“绘制”“控件”“表单”“微信”六大工具板块。

**1.“选择”**:包括“选择”“节点”“变形”“缩放比例”“快捷工具”五大工具。
**2.“媒体”**:包括“素材库”“图像”“声音”“视频”“文字”“文本段落”“幻灯片”“网页”“曲线图表”工具。
**3.“绘制”**:包括“直线”“曲线”“矩形”“圆角矩形”“椭圆”“多边形”等工具
**4.“控件”**:包括有“擦玻璃”“点赞”“绘画板”“定时器”“随机数”“陀螺仪”等工具。
**5.“表单”**:包括“输入框”“单选框”“多选框”“列表框”“表单”等工具。
**6.“微信”**:包括“微信头像”“微信昵称”“定制图片”“录音”等工具。
#### **六、页面栏**
在“页面栏”下可通过点击页面下的“+”添加多个新页面,通过点击切换页面,页面栏下的每个页面都是一个单独的动画。

点击页面右下角“从模板中添加”按钮可从Mugeda自带模板中选择添加模板页面。

#### **七、舞台**
“舞台”是整个界面的核心区域,位于界面的中央,在其周围,留有一定的编辑缓冲区域,该区域内的对象不会在最终的内容展示上出现,但是可以用来很方便的组织暂时不在舞台的对象。动画在“舞台”区域内制作和播放。

#### **八、属性面板**
**1.“属性面板”**
“属性面板”显示和控制“舞台”及动画元素的各种参数,其中包括“内容标题”“舞台”或“元素”及其图像、宽高、帧速设置、填充色设置等功能。

**2.“元件库”**
“元件库”包含声音元件和动画元件。“元件库”对元件进行管理的必要功能,例如新建元件,复制元件、生成文件夹、删除元件、导出导入元件、等。一个元件是一个包含有自身独立的时间线的动画片段,可以反复在舞台上使用,创建比较复杂的组合动画。

3.“翻页面板”
“翻页面板”包括“翻页效果”“退出效果”“翻页方向”“循环”“翻页时间”“翻页图标”

4.“分享面板”
“分享面板”包括转发标题、转发描述、朋友圈转发标题等分享信息。

5.“加载”设置
“加载”的样式包含“默认”“进度条”“进度环”“旋转加载”“旋转加载+百分比”“首页作为加载界面”

观看本节视频教程:
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简约版介绍
- 如何自定义绑定微信公众号
- 教师版账号详情介绍及使用方法