您的位置:首页 > 移动开发 > Cocos引擎

cocostudio之如何制作界面布局

2014-12-25 13:52 218 查看
今天第一次使用cocostudio,把自己使用的一些心得写下来,希望能对大家有所帮助

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

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

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

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

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

回到CocoStudio中,点选 文件 –> 导出项目 。在导出资源的位置,选择“导出使用大图”。同时将目录改为我们项目文件的Resource目录。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: