cocostudio之如何制作界面布局
2014-12-25 13:52
218 查看
今天第一次使用cocostudio,把自己使用的一些心得写下来,希望能对大家有所帮助
首先呢,要用windows版本的cocostudio来做界面,当然,mac版本也能做,不过个人感觉mac版本的功能不是那么完整。
当你做一个界面时,可以点击文件,创建项目,这个项目就是你要做的界面了,如果需要做其他东西,比如点击按钮弹出层,就需要单独做一个布局,使用的时候加到大的布局上就可以了,布局可以用画布来做,右键单机画布列表,创建新的画布即可。
好了,接下来就是如何做ui布局了,这个只需要鼠标拖一些控件进来就行了,windows版本的需要提前将资源添加到你的资源目录下,这样的话才能将图片拖动到你想要的地方。添加好之后,将你要添加的图片,拖动到该控件的资源处即可。
要注意的是,如果是按钮或者其他一些需要交互的ui控件,一定不要忘记检查下交互是否被勾选了哦。
最后呢,就是导出了,在导出之前,最好先创建一个新的工程。运行我们的脚本文件,给新工程起名为:HelloStudio。编译运行,保证它没问题。
回到CocoStudio中,点选 文件 –> 导出项目 。在导出资源的位置,选择“导出使用大图”。同时将目录改为我们项目文件的Resource目录。
首先呢,要用windows版本的cocostudio来做界面,当然,mac版本也能做,不过个人感觉mac版本的功能不是那么完整。
当你做一个界面时,可以点击文件,创建项目,这个项目就是你要做的界面了,如果需要做其他东西,比如点击按钮弹出层,就需要单独做一个布局,使用的时候加到大的布局上就可以了,布局可以用画布来做,右键单机画布列表,创建新的画布即可。
好了,接下来就是如何做ui布局了,这个只需要鼠标拖一些控件进来就行了,windows版本的需要提前将资源添加到你的资源目录下,这样的话才能将图片拖动到你想要的地方。添加好之后,将你要添加的图片,拖动到该控件的资源处即可。
要注意的是,如果是按钮或者其他一些需要交互的ui控件,一定不要忘记检查下交互是否被勾选了哦。
最后呢,就是导出了,在导出之前,最好先创建一个新的工程。运行我们的脚本文件,给新工程起名为:HelloStudio。编译运行,保证它没问题。
回到CocoStudio中,点选 文件 –> 导出项目 。在导出资源的位置,选择“导出使用大图”。同时将目录改为我们项目文件的Resource目录。
相关文章推荐
- 请问如何制作中国象棋对弈软件的界面部分?
- 【转】自己做的登录界面五款正常尺寸+一款宽屏【手把手教You如何制作登录界面】
- 如何节约手游制作成本?揭秘CocoStudio编辑器强悍功能
- 【cocos2d-x】如何使用CocoStudio场景编辑器制作魔卡幻想
- 如何使用CocoStudio场景编辑器制作魔卡幻想
- 如何制作Asp.Net界面模板
- 如何实现ListView 不写adpater也可以看到,也可以在布局界面看到listview的效果
- cocos2d-x的lua脚本如何加载Cocostudio制作的UI文件
- Android笔记—如何制作欢迎界面
- 【CocoStudio游戏开发之一】制作多分辨率UI布局
- 报表制作工具内置参数查询界面布局与背景
- 如何制作带有SPLASH界面的程序
- 如何制作启动界面 C+/VC
- 如何使用图片制作全屏欢迎界面
- 界面编程:如何制作透明窗体
- 如何对mobile中的界面进行布局
- 如何制作一个无界面后台程序
- 【使用Html5 CfxixiJS制作APP】如何用iscroll制作水平滚动的List布局
- 【CocoStudio游戏开发之一】制作多分辨率UI布局
- IOS 自动布局指南3:约束在界面生成器内是如何工作的