CocosStudio
f_jiang
这个作者很懒,什么都没留下…
展开
-
CocosStudio(十四)登陆界面
登陆界面UI主要包含了用户账号的输入,密码的输入,提交账号和密码的按钮。登陆界面对TextField输入框和editbox的运用。看看效果图,你想下你会怎么用CocosStudio来做这界面。一、创建画布画布的名字为:Login,根节点命名为:Panel_Root,子控件布局为:相对布局。二、界面制作1.Panel_Main原创 2016-11-03 14:12:57 · 2515 阅读 · 0 评论 -
CocosStudio(十二)ListView列表容器
ListView列表容器,看到名字我们就知道它有子控件布局。ScrollView可以成为ListView,怎么做呢?利用ScrollView的子控件布局的横向布局,纵向布局。实际开发游戏ListView基本不用,当ListView的内容比较多时,会出现卡顿。那开发中我们用TableView来替代ListView。一、ListView创建和属性讲解1.ListView创建,添加对原创 2016-10-28 16:08:09 · 9383 阅读 · 0 评论 -
CocosStudio(十一)ScrollView滚动层
ScrollView滚动层,是可以滚动的,它和Panel的相同的方式,都存在布局。这里我们就不讲布局了,如果对布局还不熟的,可以去看这篇博客http://blog.csdn.net/fjdmy001/article/details/52943288,这篇主要讲ScrollView的特殊属性。一、ScrollView创建和属性讲解1.添加对象 --> 滚动层原创 2016-10-28 15:03:25 · 3195 阅读 · 0 评论 -
CocosStudio(十)TextField输入框
TextField输入框,这是Cocos自己写的一个控件,实际开发中我们都不会去使用它,因为用户体验太差,单一,针对多种平台手机不适用,我们会把TextField替换为editbox,editbox是每个平台实现一套输入框。怎么替换呢?代码里去替换,CocosStudio设置的TextField属性值会设置给editbox,所以在CocosStuidioUI界面中创建TextField代码里去替换原创 2016-10-28 14:03:23 · 9014 阅读 · 2 评论 -
CocosStudio(一)创建CocosStudio项目
开发游戏项目时,我们会CocosStudio和cocos2d一起用,CocosStudio做UI、动画,Cocos2d做游戏逻辑开发。听说有些公司CocosStudio拼装ui是策划的事(羡慕),反正我没遇过,可能是自己命苦吧。我拼装过的界面我已经数不清了,反正已经到了如火纯青的地步了(容我装逼一下)。我记到我第一次用Cocos2d-x开发游戏时(还在读大学),自己用代码来拼装UI,现在觉得当时比原创 2016-10-21 15:15:56 · 5593 阅读 · 1 评论 -
CocosStudio(九)ProgressBar进度条、Slider滑动条
为什么要把ProgressBar和Slider放在一起呢?因为他俩有相似的地方。ProgressBar进度条,游戏开发中用得挺多的,比如英雄血条、玩家的经验条、加载进度条等。Slider滑动条,开发中比较少用,但是也不能少了它,比如音量条。下面我们来一起看看。一、ProgressBar进度条1.创建了一个进度条背景图,一个进度条(模式:Custom),进度条背景渲染层级要小于进原创 2016-10-28 12:31:54 · 7525 阅读 · 0 评论 -
CocosStudio(八)AtlasLabel数字标签、BitmapLabel自定义字体、Label文本框
AtlasLabel、BitmapLabel、Label这三个控件都是用了文本显示的,在实际开发中基本上用Label,除非有特殊需求我们才会选择AtlasLabel、BitmapLabel。这节讲解这三个文本。一、AtlasLabel数字标签1.创建AtlasLabel,添加对象 -->数字标签2.特性包括标签图片、标签首字符、标签字符宽、标签字原创 2016-10-28 10:39:06 · 4506 阅读 · 0 评论 -
CocosStudio(三)导出UI
又是崭新的一天,阳光明媚,多云不转晴,最近都是上班在写博客(闲的),闲的时间总要找事做。人活着就是要做有意义的事,什么是有意义的事,有意义的事就是活着(电视剧《士兵突击》里的主人公许三多说的)。女朋友还在学会计,自己为了鼓励女朋友考试成功,于是自己傻逼的报考了会计(为了你我也豁出去),11月中旬考试,没事还早,有时间把学到的奉献给社会,奉献给社会,奉献给社会。今天看看把CocosStudio的例子导出到CoCos2d-lua项目里,显示到游戏中。原创 2016-10-24 18:08:22 · 3200 阅读 · 1 评论 -
CocosStudio(四)Panel层容器
一、什么是Panel1.Panel,层容器。什么叫容器呢?容器就是可以用来放置物品的空间。这里的层容器就是来放置控件的,层容器可以装层容器。2.Panel与Layer的区别,我们可以看Cocos2d-x的源码。相同:都是容器,可以来装控件。区别:Panel比Layer多布局(Layout)方式。二、布局 有4种布局,分别为:绝对布原创 2016-10-27 10:27:19 · 6202 阅读 · 1 评论 -
CocosStudio(七)Image图片
游戏有了图片,游戏就变得绚丽多彩了,游戏画面好看才能吸引玩家,一张图片美术人员是经过长期制作的。接下来我们一起来认识下Image的属性吧。一、创建Image添加对象 --> 图片 --> 资源拖拽到图片控件中二、Image的用法1.背景图背景图的大小一般占满整个屏幕的,市面上有很多尺寸不一的手机。那我们如何让背景图支持各种尺寸呢?方法一:让美术人员画足够大的原创 2016-10-27 16:53:54 · 3037 阅读 · 1 评论 -
CocosStudio(六)CheckBox复选框
CheckBox复选框,在游戏中用的并不多,大多数会用在设置系统中,选择是否开启音乐,音效。下面就开始讲解下CheckBox的特性里的属性(资源,标识资源,选中/取消)。1.资源:从左至右,正常状态,按下状态,禁用状态。2.识别资源:选中和无选中的资源,从左至右依次是,选中,未选中。3.选中/未选中:选择的状态。原创 2016-10-27 16:29:00 · 1997 阅读 · 0 评论 -
CocosStudio(五)Button按钮
Button(按钮),比较常用的控件,玩家和Button可以交互。看图,在PanelRoot下创建了一个Button,Button是在PanelRoot层容器里居中的,怎么居中呢?在《Panel层容器》中讲过Panel的子控件布局。PanelRoot的子控件布局是相对布局,Button的控件布局是横、纵向选择的是居中,所以Button在PanelRoot层容器中居中。一原创 2016-10-27 14:49:01 · 4830 阅读 · 1 评论 -
CocosStudio(二)创建UI项目
游戏场景一般分为UI场景(又称游戏外围UI),游戏战斗场景。UI场景种有一系列UI系统组成(比如:登陆系统,商城系统,背包系统,好友系统,聊天系统,任务系统等),每个系统由多个UI界面组成。游戏战斗场景是游戏的核心,想留住玩家,战斗得玩法新颖,丰富,里面包括游戏战斗界面、战斗结算界面、战斗奖励界面、其他UI界面。战斗结算界面和战斗奖励界面可放在UI场景里,根据自己怎么设计了,我们一般放在战斗场景里原创 2016-10-24 16:44:57 · 3346 阅读 · 2 评论 -
CocosStuidio(十三)排行榜
排行榜可能会显示100个玩家,甚至更多,我们会以列表的形式展现。CocosStudio中难道要编辑100个甚至更多的列表项吗?不是的,我们在CocosStudio中只会编辑一个列表项,把这个列表项作为模板,在代码中我们根据有多少条玩家数据克隆多少个模板。一、资源进入创建好的CocosStudio项目的assets文件中,创建Rank文件夹,把资源放入Rank文件夹下原创 2016-10-31 15:03:21 · 1754 阅读 · 0 评论