【CocosStudio（三）导出UI】又是崭新的一天，阳光明媚，多云不转晴，最近都是上班在写博客（闲的），闲的时间总要找事做。人活着就是要做有意义的事，什么是有意义的事，有意义的事就是活着（电视剧《士兵突击》里的主人公许三多说的）。女朋友还在学会计，自己为了鼓励女朋友考试成功，于是自己傻逼的报考了会计（为了你我也豁出去），11月中旬考试，没事还早，有时间把学到的奉献给社会，奉献给社会，奉献给社会。今天看看把CocosStudio的例子导出到CoCos2d-lua项目里，显示到游戏中。
一、添加CocosStudio示例
1.示例在哪里？安装CocosStudio成功后，会有一个CocosStudio文件，CocosStudio --> Samples --> UI
文章图片
2.随便用哪个示例，我就用DemoLogin吧。
- DemoLogin --> Resources中的所有资源复制到我们创建的CocosStudio项目中 CocosStudio --> assets
文章图片
- DemoLogin --> Json中的DemoLogin.json文件复制到CocosStudio项目里创建的UI项目Login中 CocosStudio --> ccsprojs --> Login --> Json
文章图片
3.DemoLogin.json名字添加到Login.xml.ui，为什么要添加呢？添加了画布列表中才会显示DemoLogin界面。用文本编辑打开方式打开Login.xml.ui，再jsonList节点下添加"DemoLogin.json"
文章图片
4.打开Login.xml.ui（CocosStudio打开）,你会发现UI项目种多了DemoLogin界面
文章图片
注：如果没显示这些，则重复2，3步骤，还是不行，请留言。
二、UI界面导出
1.文件 --> 导出项目
文章图片
2.导出到创建好的Cocos2d-lua项目的res目录下，res目录下创建文件夹ui（一个游戏项目有很多资源文件，可以适当的创建文件夹来管理资 源文件）。到处路径：D:\project\demo\res\ui（看你创建的cocos2d-lua项目的位置）。
文章图片
- 导出画布：导出当前画布（我们选择的画布）、导出全部画布（画布列表中全部画布）
- 导出资源：以后再详细介绍
3.导出成功，ui文件下就有导出的文件
文章图片
写到这就结束了（你糊弄谁呀，不是还有加载到游戏种吗？），想看就到Cocos2d-lua类型我写的另一片博客。
