# 元件界面介绍 [想要了解更多Mugeda功能?>>>猛戳我,学习更多教程](Mugeda百科全书——文本教程目录.md) [本节视频教程请点击此处](http://www.mugeda.com/help.php?v_list=videos5&v_id=7) * * * * * 本节知识点:新建元件、如何把新建元件添加到舞台、复制元件、新建文件夹、导出/编辑/删除元件。 **一、新建元件** 点击舞台右侧的元件面板,左下第一个按钮“新建元件”,如图: ![](https://box.kancloud.cn/7e7b6b03f49626041840f5de4e5cb8d5_1280x728.png) 默认命名为“元件1”,自动进入元件编辑界面,如图: ![](https://box.kancloud.cn/294a22167b9e0701d6fa456dcd08076d_1280x726.png) **二、如何把新建元件添加到舞台** 在元件编辑界面完成编辑后,点击页面回到舞台,如图: ![](https://box.kancloud.cn/11e24fc51fd7a4e0b1ef62544924d6ed_1280x710.png) 把元件添加到舞台的方法有两种 1、鼠标放到元件上,成“十字”后拖动不放,到舞台再松开,如图: ![](https://box.kancloud.cn/bac9a92e35fc983736ad8fdba0103f02_1280x726.png) 2、点击元件面板下方的“添加到绘画板”按钮,也可把元件导入到舞台,如图: ![](https://box.kancloud.cn/8f00fa5aa6fc05285d61006676a3029a_1280x724.png) **三、复制元件** 点击元件面板左下第二个“复制元件”,即可复制一个新的元件,默认命名为“元件2”,如图: ![](https://box.kancloud.cn/fff6b2ecc9da34d76891785a93808a7e_1280x727.png) 在复制元件,即“元件2”里进行修改,不会影响到“元件1”内的内容 ,如图: ![](https://box.kancloud.cn/1c849e128ec22e4d90e4730446debd93_1280x725.png) **四、新建元件文件夹** 点击元件面板下方的“新建文件夹”按钮,可以在元件面板里添加文件夹,如图: ![](https://box.kancloud.cn/47b6045ddf716de9c00d2fc2266e2976_1280x725.png) 文件夹可以方便的对元件、视频、音频等进行管理,如图: ![](https://box.kancloud.cn/d004d6bcd3bbeb0ca1241699789075bf_1280x731.png) **五、导出元件** 点击元件面板下方的“导出”按钮,如图: ![](https://box.kancloud.cn/b31736a0a38f158a1135e0b64d76d5bd_1280x731.png) 如果想让同一个元件应用在不同的作品中,可以用导出功能。选择要导出的元件,点击“导出”按钮,如图: ![](https://box.kancloud.cn/6344a01cee7f63a8d810d34f24e743e5_1280x736.png) 在新建的作品里,就能看到刚才导出的元件,把它拖动到舞台上就可以使用了,如图: ![](https://box.kancloud.cn/7afecacb66f267ab0d8359479e65492f_1280x731.png) **六、编辑元件** 编辑元件有多种方法,既可以点击元件面板下方的“编辑”按钮,也可以双击元件,进入到元件编辑界面,如图: ![](https://box.kancloud.cn/262e91d10b1593d17456065f662c6b4a_1280x731.png) **七、删除元件** ![](https://box.kancloud.cn/9f6207ba3ffbed21f689d5eaa121c831_1280x730.png) 观看本节视频教程: http://medu.mugeda.com/lesson/5948eb0f9aeb7060c44f03eb