cocostudio之如何制作界面布局

前端之家收集整理的这篇文章主要介绍了cocostudio之如何制作界面布局前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

今天第一次使用cocostudio,把自己使用的一些心得写下来,希望能对大家有所帮助


首先呢,要用windows版本的cocostudio来做界面,当然,mac版本也能做,不过个人感觉mac版本的功能不是那么完整。


当你做一个界面时,可以点击文件,创建项目,这个项目就是你要做的界面了,如果需要做其他东西,比如点击按钮弹出层,就需要单独做一个布局,使用的时候加到大的布局上就可以了,布局可以用画布来做,右键单机画布列表,创建新的画布即可。


好了,接下来就是如何做ui布局了,这个只需要鼠标拖一些控件进来就行了,windows版本的需要提前将资源添加到你的资源目录下,这样的话才能将图片拖动到你想要的地方。添加好之后,将你要添加图片,拖动到该控件的资源处即可。


要注意的是,如果是按钮或者其他一些需要交互的ui控件,一定不要忘记检查下交互是否被勾选了哦。


最后呢,就是导出了,在导出之前,最好先创建一个新的工程。运行我们的脚本文件,给新工程起名为:HelloStudio。编译运行,保证它没问题。

回到CocoStudio中,点选 文件 –> 导出项目 。在导出资源的位置,选择“导出使用大图”。同时将目录改为我们项目文件的Resource目录。

猜你在找的Cocos2d-x相关文章