CocosStudio(三)导出UI

又是崭新的一天,阳光明媚,多云不转晴,最近都是上班在写博客(闲的),闲的时间总要找事做。人活着就是要做有意义的事,什么是有意义的事,有意义的事就是活着(电视剧《士兵突击》里的主人公许三多说的)。女朋友还在学会计,自己为了鼓励女朋友考试成功,于是自己傻逼的报考了会计(为了你我也豁出去),11月中旬考试,没事还早,有时间把学到的奉献给社会,奉献给社会,奉献给社会。今天看看把CocosStudio的例子导出到CoCos2d-lua项目里,显示到游戏中。

一、添加CocosStudio示例

1.示例在哪里?安装CocosStudio成功后,会有一个CocosStudio文件,CocosStudio --> Samples --> UI 
CocosStudio(三)导出UI_第1张图片


2.随便用哪个示例,我就用DemoLogin吧。
  • DemoLogin --> Resources中的所有资源复制到我们创建的CocosStudio项目中 CocosStudio --> assets
CocosStudio(三)导出UI_第2张图片

  • DemoLogin --> Json中的DemoLogin.json文件复制到CocosStudio项目里创建的UI项目Login中 CocosStudio --> ccsprojs --> Login --> Json

3.DemoLogin.json名字添加到Login.xml.ui,为什么要添加呢?添加了画布列表中才会显示DemoLogin界面。用文本编辑打开方式打开Login.xml.ui,再jsonList节点下添加"DemoLogin.json"
CocosStudio(三)导出UI_第3张图片

4.打开Login.xml.ui(CocosStudio打开),你会发现UI项目种多了DemoLogin界面 CocosStudio(三)导出UI_第4张图片
注:如果没显示这些,则重复2,3步骤,还是不行,请留言。

二、UI界面导出

1.文件 --> 导出项目
CocosStudio(三)导出UI_第5张图片
 
2.导出到创建好的Cocos2d-lua项目的res目录下,res目录下创建文件夹ui(一个游戏项目有很多资源文件,可以适当的创建文件夹来管理资 源文件)。到处路径:D:\project\demo\res\ui(看你创建的cocos2d-lua项目的位置)。
CocosStudio(三)导出UI_第6张图片
  • 导出画布:导出当前画布(我们选择的画布)、导出全部画布(画布列表中全部画布)
  • 导出资源:以后再详细介绍

3.导出成功,ui文件下就有导出的文件
CocosStudio(三)导出UI_第7张图片



写到这就结束了(你糊弄谁呀,不是还有加载到游戏种吗?),想看就到Cocos2d-lua类型我写的另一片博客。


你可能感兴趣的:(CocosStudio)