cocos2dx进度条样式设置

最新推荐文章于 2019-11-06 19:01:53 发布
最新推荐文章于 2019-11-06 19:01:53 发布
阅读量1.6k 收藏
点赞数
分类专栏： Cocos2dx

转载自:http://blog.csdn.net/junhua_peng/article/details/17008533


1.创建：

CCProgresstime::create("精灵对象");


2.种类：

cocos2dx中，有2种计时器的样式：

[1].kCCProgressTimerTypeRadial:扇形进度计时器

[2].kCCProgressTimerTypeBar:条形进度计时器


3.函数：

setType();                //设置进度条样式

[扇形][1].setPercentage();                  //设置进度值（0-100）

[扇形][2].setReverseProgress();        //设置反向计时（true为开启反向）

[条形][3].setBarChangeRate();          //修改条形计时器变换样式（定义起始样式）

       ccp(1,0):只有X轴变化。          （起始X轴不显示）

       ccp(0,1):只有Y轴变化。          （起始Y轴不显示）

       ccp(1,1):X，Y轴都变化。       （起始X，y轴都不显示）

       ccp(0.5,0.5):X，Y轴都变化 。（起始X，y轴都显示一半）

[条形][4].setMidpoint();                       //设置计时器的显示方式方向，范围（0-1）（默认ccp(0.5,0.5)）

       注意：该函数会受到setBarChangeRate函数影响

       当计时条样式为X轴变化时（设置Y轴无效果，这里设为0）

       ccp(1,0):        从右到左显示。

       ccp(0.5,0):     从中间到两边显示。

       ccp(0,0):        从左到右显示

       当计时条样式为Y轴变化时（设置X轴无效果，这里设为0）

       ccp(0,1):        从上到下显示。

       ccp(0,0.5):     从中间到两边显示。

       ccp(0,0):        从下到上显示。

       当计时条样式为X、Y轴都变化时

       ccp(0,1):        X从左到右显示Y从上到下显示

       ccp(0,0.5):     X从中间到两边显示Y从中间到两边显示

       ccp(1,0):        X从右到左显示Y从下到上显示

       ccp(0.5,0):     X从中间到两边显示Y从下到上显示

       ccp(0,0):        X从左到右显示Y从下到上显示

       ccp(0.5,0.5): X从中间到两边显示Y从中间到两边显示

       ccp(1,1):        X从右到左显示Y从上到下显示


3.开始编码

[java]  view plain copy print ? 在CODE上查看代码片 派生到我的代码片
  1. 1.包含“cocos-ext.h”文件。#include "cocos-ext.h"  
  2.   
  3. 2.引用命名空间“cocos2d::extension”。using namespace cocos2d::extension;  
  4.   
  5. 3.我们需2个回调函数用于按钮关联事件。  
  6.   
  7. void downaction1(CCObject * sender,CCControlEvent);  
  8.   
  9. void downaction2(CCObject * sender,CCControlEvent);  
  10.   
  11. 4.需2个回调函数用于建造完成关联事件。  
  12.   
  13. void deletesp();  
  14.   
  15. void deletesp2();  
  16.   
  17.   
  18.   
  19. <pre code_snippet_id="86784" snippet_file_name="blog_20131128_1_6597456" name="code" class="cpp">1.引用命名空间“cocos2d::extension”。using namespace cocos2d::extension;  
  20.   
  21. 2.放上背景。  
  22.   
  23.        CCSprite* bgps = CCSprite::create("bg.jpg");  
  24.   
  25.        bgps->setPosition(ccp(mysize.width/2, mysize.height/2));  
  26.   
  27.        this->addChild(bgps, 0);  
  28.   
  29.   
  30.   
  31. 3.创建2个按钮。  
  32.   
  33. CCScale9Sprite * c91=CCScale9Sprite::create("button.png");  
  34.   
  35. CCScale9Sprite * c92=CCScale9Sprite::create("button.png");  
  36.   
  37. CCLabelTTF * ttf1=CCLabelTTF::create("Ji Di","Arial",20);  
  38.   
  39. CCLabelTTF * ttf2=CCLabelTTF::create("Dian Zhan","Arial",20);  
  40.   
  41. CCControlButton * mybutton1=CCControlButton::create(ttf1,c91);  
  42.   
  43. CCControlButton * mybutton2=CCControlButton::create(ttf2,c92);  
  44.   
  45. mybutton1->setPosition(ccp(mysize.width-50,mysize.height-140));  
  46.   
  47. mybutton2->setPosition(ccp(mysize.width-50,mysize.height-180));  
  48.   
  49. mybutton1->setPreferredSize(CCSizeMake(80,30));  
  50.   
  51. mybutton2->setPreferredSize(CCSizeMake(80,30));  
  52.   
  53. this->addChild(mybutton1);  
  54.   
  55. this->addChild(mybutton2);  
  56.   
  57. mybutton1->addTargetWithActionForControlEvents(  
  58.   
  59.    this,  
  60.   
  61.    cccontrol_selector(Progressdemo::downaction1),  
  62.   
  63.    CCControlEventTouchDown  
  64.   
  65. );  
  66.   
  67. mybutton2->addTargetWithActionForControlEvents(  
  68.   
  69.    this,  
  70.   
  71.    cccontrol_selector(Progressdemo::downaction2),  
  72.   
  73.    CCControlEventTouchDown  
  74.   
  75. );  
  76.   
  77. 4.实现按钮回调函数  
  78.   
  79. void Progressdemo::downaction1(CCObject * sender,CCControlEvent){  
  80.   
  81.    //创建扇形进度条  
  82.   
  83.    CCSize mysize=CCDirector::sharedDirector()->getWinSize();  
  84.   
  85.    CCProgressTimer *mypro=CCProgressTimer::create(CCSprite::create("sjd.png"));  
  86.   
  87.    mypro->setPosition(ccp(100,100));  
  88.   
  89.    mypro->setType(kCCProgressTimerTypeRadial);  
  90.   
  91.    mypro->setPercentage(100);  
  92.   
  93.    this->addChild(mypro,100,1);  
  94.   
  95.    //创建计时器  
  96.   
  97.    CCProgressTo * to=CCProgressTo::create(5,100);  
  98.    
  99.   
  100.    CCCallFunc * callback=CCCallFunc::create(this,callfunc_selector(Progressdemo::deletesp));  
  101.   
  102.    CCAction * act=CCSequence::create(to,callback,NULL);  
  103.   
  104.    mypro->runAction(act);  
  105.   
  106. }  
  107.   
  108. void Progressdemo::downaction2(CCObject * sender,CCControlEvent){  
  109.   
  110.    //创建条形进度条  
  111.   
  112.    CCSize mysize=CCDirector::sharedDirector()->getWinSize();  
  113.   
  114.    CCProgressTimer *mypro=CCProgressTimer::create(CCSprite::create("tjd.png"));  
  115.   
  116.    mypro->setPosition(ccp(100,150));  
  117.   
  118.    mypro->setType(kCCProgressTimerTypeBar);  
  119.   
  120.    mypro->setBarChangeRate(ccp(1,0));  
  121.   
  122.    mypro->setMidpoint(ccp(0,1));  
  123.   
  124.    this->addChild(mypro,100,2);  
  125.   
  126.    //创建计时器  
  127.   
  128.    CCProgressTo * to=CCProgressTo::create(3,100);  
  129.   
  130.    //这里为了实现执行完成后再操作需要用到回调函数  
  131.   
  132.    CCCallFunc * callback=CCCallFunc::create(this,callfunc_selector(Progressdemo::deletesp2));  
  133.   
  134.    CCAction * act=CCSequence::create(to,callback,NULL);  
  135.   
  136.    mypro->runAction(act);  
  137.   
  138. }  
  139.   
  140. 5.实现建造回调函数  
  141.   
  142. void Progressdemo::deletesp(){  
  143.   
  144.    CCProgressTimer *mypro=(CCProgressTimer *)this->getChildByTag(1);  
  145.   
  146.    this->removeChild(mypro);  
  147.   
  148.    CCSize mysize=CCDirector::sharedDirector()->getWinSize();  
  149.   
  150.    CCSprite * jidi=CCSprite::create("jd.png");  
  151.   
  152.    jidi->setPosition(ccp(100,100));  
  153.   
  154.    //设置缩放倍数  
  155.   
  156.    jidi->setScale(0.3f);  
  157.   
  158.    this->addChild(jidi);  
  159.   
  160. }  
  161.   
  162. void Progressdemo::deletesp2(){  
  163.   
  164.    CCProgressTimer *mypro=(CCProgressTimer *)this->getChildByTag(2);  
  165.   
  166.    this->removeChild(mypro);  
  167.   
  168.    CCSize mysize=CCDirector::sharedDirector()->getWinSize();  
  169.   
  170.    CCSprite * fdz=CCSprite::create("fdz.png");  
  171.   
  172.    fdz->setPosition(ccp(100,150));  
  173.   
  174.    //设置缩放倍数  
  175.   
  176.    fdz->setScale(0.3f);  
  177.   
  178.    this->addChild(fdz);  
  179.   
  180. }  
  181.   
  182.   
  183.   
  184.   
  185.  </pre><br>  
  186. <pre></pre>  
北落_psa
关注
专栏目录
cocos2dx进度条
joshua
11-28 2672
1.创建： CCProgresstime::create("精灵对象"); 2.种类： cocos2dx中，有2种计时器的样式： [1].kCCProgressTimerTypeRadial:扇形进度计时器 [2].kCCProgressTimerTypeBar:条形进度计时器 3.函数： setType();                //设置进度条样式 [扇
COCOS2dx的Button类及其相关控件属性
标题
12-19 1804
Button介绍 Button就是按钮，Cocos中提供了Button类对按钮进行相关的操作。我们看一下Button类继承关系图： 可以看到，Button是继承自Widget类，Widget类就是控件类，我们所有的控件包括Button按钮类、CheckBox复选框类、LoadingBar进度条类、Slider滑动条类等等都继承自它。 Button按钮控件一般都是在CocosStu...
cocos 进度条动画
all36426的博客
03-01 614
参考: cocos2d 3.10 Demo中的 ActionProgressTest 其进度条动画，我们主要使用的类有： ProgressTo， ProgressFromTo， ProgressTimer。如下是其类继承图： ProgressTo: 进度控制，在指定时间内达到指定百分比 ProgressFromTo: 进度控制，在指定时间内从一个百分比到另一个百分比 Pro...
cocos2dx进度条笔记
Simon的博客
07-28 1165
进度条的创建，水平方向，垂直方向，动作，进度设定： Sprite* bg = Sprite::create("bg.png"); ProgressTimer* loadProgress = ProgressTimer::create(Sprite::create("tiao.png"));//创建一个进程条; loadProgress->setAnchorPoint(Vec2(0.
Cocos2dx:自定义进度条显示.
闭上左眼看世界的博客
03-04 1222
在cocos2dx中显示进度条是不太难的,当然也可以利用进度条的特性,来做一些别的事情.比如:慢慢的显示图片的一部分等等. 下面看代码: auto visibleSize = Director::getInstance()-&gt;getVisibleSize(); Vec2 origin = Director::getInstance()-&gt;getVisibleOrigin...
Cocos2d-x进度条
zalbelieve的专栏
09-11 991
// 进度条 CCProgressTo* to1 = CCProgressTo::create(2, 100); CCProgressTimer* progress = CCProgressTimer::create(CCSprite::create("f1.png")); // 进度条横向前进的方向是从左至右还是从右至左 progress->setMidpoint(ccp(0,
cocos2dx-lua 滑动条实现
毛毛虫的博客
02-25 2175
Cocos Studio部分： 1、如上图所示： 拖动一节点：名字Node_Slider 2、如上图所示： 拖动一精灵放在Node_Slider节点下层，设置好图片资源。根据要求可有可没有，我的要求是要放一张背景图。 3、关键的一步 ： 如上图：从左侧拖动一个滑动条放在Node_Slider节点下层名字“Slider_1”，设置背景样式，节点样式，滑动进度为0。滑动进度为0 ，节点样式会在最...
cocos2dx3.10视频播放
hj3601947的专栏
12-05 774
*****************.h********** #include "ui/UIVideoPlayer.h" #include "ui/CocosGUI.h" void showVideo(const char* videoName); void videoPlayOverCallback(); #if (CC_TARGET_PLATFORM == CC_PLATFORM_ANDROI...
cocos2d-x视频控件VideoPlayer的用户操作栏进度条去除
的博客
05-07 5749
cocos目前出了新的视频播放器控件，仅支持ios和android平台，不支持window平台。项目打算使用一段视屏片头，所以使用该视频控件来播放片头。目前遇到两个问题： （1）视频控件移除有问题，会报异常。 （2）视频控件有用户操作栏，用户点击屏幕会停止视频播放。对于第一个问题，主要是移除控件时冲突引起的，目前简单处理是做一个延时处理，先stop视频播放，然后一个Action移除自身，如下：
cocos2d实现progress(进度条效果)
02-28
这半年一直在用object-c开发一个ios游戏。使用cocos2d和box2d 。开发游戏变的简单多了。这游戏开发了半年多了。直到最近这个游戏停止了，因为资金问题，老大没法在发更多的工资了。哎，真的非常遗憾，我一个人完成游戏的编辑器开发，脚本开发，游戏代码开发，很不容易，因为我学object-c,coco2d才看了2个星期的书就直接开发了,以前是搞c++的吗。感觉4个人开发游戏真的很累，游戏为了脱颖出更加真实的效果还使用了物理引擎,在老大的同意的情况下，我共享cocos2d自己写的一些大家比较常用的，因为cocos2d有些控件不怎么好用或者没有,反正我觉得是这样的。如slider(滑块),button(按钮),RollNumber(数字滚动),Progress(进度条)....控件一一在我的博客里面公布，可以直接使用.源码打包下载 开发人员:Jason's.Alex QQ:531401335 csdn博客:http://blog.csdn.net/RuShrooM
cocos2dx 2.2.1 自定义进度条
12-22
cocos2dx 2.2.1 自定义进度条，具体原理可以看博客： http://write.blog.csdn.net/postlist
cocos2d-x学习之进度条
明明
08-29 711
/逐渐显示一个图片的动作，第二个参数是百分比 CCProgressTo *to1 = CCProgressTo::actionWithDuration(2, 100); CCProgressTo *to2 = CCProgressTo::actionWithDuration(2, 100);   //建立CCProgressTimer对象，利用文件PathSister
cocos2d-x 实现一个进度条的功能 ProgressTimer
shenmingyi.blog.csdn.net
11-06 599
前言: 我们在玩游戏的时候会遇到加载地图资源或者切换场景都会出现滑动条 我们来写一个简单的滑动条 需要用到定时器 因为我们是模仿加载资源 在百度上找了一个滑动条的图片 效果图: //创建一个用bar2.png为底层背景的图片 auto loadingBar = ProgressTimer::create(Sprite::create("bar2.png")); loadingBar->...
cocos2d-x学习笔记(8)--progress(进度条)
阿蕉的个人博客专栏
08-11 3536
cocos2d-x学习笔记(8)--progress(进度条) 本文出自https://shuwoom.com博客，欢迎访问！        在一些游戏中，我们会见到游戏载入进度，或者在游戏统计成绩时，见到一些饼状图。下面我们就来学习进度条。 这次要学习两个类： 1.CCProgressTo 2.CCProgressTimer 在cocos2d-x 的online api docume...
Cocos2d-x 3.2 之 进度条 progressTimer
继续激情，继续奋斗。
10-20 4176
Cocos2d-x 3.2 之 进度条 progressTimer
cocos2d-x初学笔记09：进度条Progress
路上的点滴
02-02 3701
在游戏中，进度条有很多需要用到的地方，比如说加载游戏界面时显示加载进度，显示角色生命值的多少等。接下来我们就来学一下进度条的用法。             首先我们新建一个项目，命名为“ProgressTest”，然后导入我们需要的图片资源。由于没有准备类似进度条的图片，那我们就和TestCpp示例演示的一样，用两个人物图片来演示进度条的效果。从D:\cocos2d-2.0-x-2.0.4\sa
cocos2dx 自定义进度条的实现！
Reno的专栏
12-22 2625
//好久没写博客，本人比较懒，而且没啥技术，所以。。。  进度条，2dx源码的ProgressTimer只有条形进度条和弧形进度条！那么请问，以下 这种图片的进度条要怎么做呢！ 然后有人会说，用弧形进度条，进度条的中心点事图片的中心点，那样你会发现在一些地方会出现斜边，并且图片长宽不等的情况下，速度不一样！ 那现在问题来了，要怎么解决呢？我们先看源码！ ProgressTimer的
cocos2dx lua实现创建圆形进度条
对酒当歌﹏✍
12-26 3126
引言 有一段时间没有分享了，今天给大家带来cocos2dx lua中创建圆形进度条的方法，有需要的同学自行带走，我们先来上一段代码： 代码片段1   --创建圆形进度条 function LayerA:createCircleLoadingBar(parent,pos,percentage) --创建一个图片精灵作为背景 需要一个空心圆形的图片 local spriteBg = cc...
Cocos2d-x LoadingBar(进度条)的使用
小嘟永远的大嘟
03-28 6849
如果在cocos2d-x项目中要实现游戏加载进度条变化、人物血条的变化以及怪物血条的变化你又不想自己写关于进度条的类时，可以直接使用cocos2d-x里自带的进度条类。 首先LoadingBar是继承自Widget类，具体的可以参考官网API文档。 在这里我介绍下LoadingBar的简单使用的方法： 第一步：在要用LoadingBar时要先包含头文件以及命名空间，不然会报找不到UI控件所在
Windows下Cocos2dx环境搭建及C++编译设置
在Windows环境下使用Cygwin进行Cocos2dx开发是一个常见的步骤，特别是在Android项目中集成Cocos2d-x。Cygwin是一个开源的类Unix工具包，它允许你在Windows系统上运行Linux和Unix命令，这对于处理Cocos2dx这样的跨...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值