cocostudio之如何制作界面布局

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


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


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


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


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


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

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

相关文章

    本文实践自 RayWenderlich、Ali Hafizji 的文章《...
Cocos-code-ide使用入门学习地点:杭州滨江邮箱:appdevzw@1...
第一次開始用手游引擎挺激动!!!进入正题。下载资源1:从C...
    Cocos2d-x是一款强大的基于OpenGLES的跨平台游戏开发...
1.  来源 QuickV3sample项目中的2048样例游戏,以及最近《...
   Cocos2d-x3.x已经支持使用CMake来进行构建了,这里尝试...