# 界面与舞台简介 #### **一、界面概览** **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