Cocos2d-x 3.2 之 进度条 progressTimer-android100学习网
Cocos2d-x 3.2 之 进度条 progressTimer
    好长时间没有更博了。。 有点懒啊。。 亲身经历提示广大猿们：换季了，防感冒！   言归正传，最近在做 三消的手游， 关卡设计是没指望了，只能做个限时的，所以，就研究了研究schedul
好长时间没有更博了。。
有点懒啊。。
亲身经历提示广大猿们：换季了，防感冒！
言归正传，最近在做 三消的手游，
关卡设计是没指望了，只能做个限时的，所以，就研究了研究schedule,
这个以后再更新，
度娘搜索的时候，看到了进度条的progressTimer，
这个很好玩的样子，于是就做了下，感觉不错。
ProgressTimer是Node的子类。 该类根据百分比来渲染显示内部的Sprite对象。 变化方向包括径向，水平或者垂直方向。
就是这样的情况：
这个的实现就是通过progressTimer
与之前版本不同，
之前版本类型很多：
kCCProgressTimerTypeRadialCCW, 扇形逆时针形式
kCCProgressTimerTypeRadialCW, 扇形顺时针形式
kCCProgressTimerTypeHorizontalBarLR, 从左往右增张的形式
kCCProgressTimerTypeHorizontalBarRL, 从右往左增张的形式
kCCProgressTimerTypeVerticalBarBT, 从下往上增张的形式
kCCProgressTimerTypeVerticalBarTB, 从上往下增张的形式&
而现在Type只有两种：
①条型的设置
就是第三个图：
// 添加图片
auto sprite = Sprite::create(h7.png);
// 新建progressTimer对象，将图片载入进去
ProgressTimer *ct= ProgressTimer::create(sprite);
ct-&setPosition(Point(visibleSize.width/2,visibleSize.height/2));
// 设置Tag，为后面更新准备
ct-&setTag(10);
ct-&setScale(0.2);
this -& addChild(ct);
// 设置初始的百分比，0~100 可以是0或者100
ct-&setPercentage(0);
// 选择类型，是条型还是时针型
ct-&setType(kCCProgressTimerTypeBar);
//ct-&setReverseProgress(true);
// 下面两个条形的进阶
ct-&setMidpoint(Point(0,0));
ct-&setBarChangeRate(Point(0,1));
scheduleUpdate();
然后，在.h 声明函数 void update( float t )
在.cpp定义函数
void HelloWorld::update( float t )
// 通过上面Tag设置，获取对象
CCProgressTimer *ct=(CCProgressTimer*)getChildByTag(10);
// 获取当前进度
int num = ct-&getPercentage();
// 设置进度速度（此处为每帧+1）
ct-&setPercentage( ++num );
// 设置了循环播放
if( num &= 100 )
ct -& setPercentage(0);
此处，我是通过帧数来控制的速度，
当然也可以通过 自己调用的update来设置速度。
条形的可以从上到下，从下向上，或者从中间向两边
这个的控制，就是通过上面代码中，进阶的部分：
ct-&setMidpoint(Point(0,0));
ct-&setBarChangeRate(Point(0,1));
setMidpoint 是定义从哪开始
这个和锚点的设置一样，0,0左下角，1,1是右上角
setBarChangeRate 是 定义 方向
1,0是自下而上
0,1是自左向右
②时针型的设置
// 添加图片
auto sprite = Sprite::create(h7.png);
// 新建progressTimer对象，将图片载入进去
ProgressTimer *ct= ProgressTimer::create(sprite);
ct-&setPosition(Point(visibleSize.width/2,visibleSize.height/2));
// 设置Tag，为后面更新准备
ct-&setTag(10);
ct-&setScale(0.2);
this -& addChild(ct);
// 设置初始的百分比，0~100 可以是0或者100
ct-&setPercentage(0);
// 选择类型，是条型还是时针型
ct-&setType(kCCProgressTimerTypeRadial);
ct-&setReverseProgress(false);
// 下面两个条形的进阶
// ct-&setMidpoint(Point(0,0));
// ct-&setBarChangeRate(Point(0,1));
scheduleUpdate();
update函数还是那样，
默认是顺时针，
setReverseProgress
——false 顺时针
——true 逆时针
这样第二个的图片就实现了。
③ 第一个图片那种如何实现呢？
其实，So easy
只需要弄一张暗一点的图片，在底下衬着：
auto sprite2 = Sprite::create(h7_02.png);
sprite2-&setScale(0.2);
sprite2-&setPosition(Point(visibleSize.width/2,visibleSize.height/2));
this -& addChild(sprite2);
进度条你学会了吗？
同为新手，如有错误，敬请指出，共同进步 O(∩_∩)O~CCProgressTimer-Cocos2d&进度条动画
直接上代码吧：
中间有注释，不需要太多口水！
使用CCProgressTimer可以进行进度条的功能！
-(id) init
& & if ( ( self = [ super init] ) )
& & winSize =
[[CCDirector
sharedDirector]
& winCenter =
ccp(winSize.width / 2, winSize.height / 2);
创建进度条
& & progress =
[CCProgressTimer
progressWithSprite:[CCSprite
spriteWithFile:@"progressbar.png"]];
& & [progress setPercentage:0.0f];// 设置加载的百分比，初始化为0%&
& progress.scale = 0.5f;//
设置进度条的起始位置，默认是在中心位置。因为本例子是从左到右，所以要设置为ccp(0,0.5)
& progress.midpoint = ccp(0,0.5);
设置变化比例1：变化；0：不变。ccp(1,0)表示按照X轴方向变化，Y轴方向保持不变。
& & progress.barChangeRate = ccp(1,0);
& & // 进度条的加载样式：kCCProgressTimerTypeRadial：放射性；kCCProgressTimerTypeBar：条状
& & progress.type
kCCProgressTimerTypeBar;
& & [progress setPosition:winCenter];
addChild:progress];
& return self;
-(void) progressUpdate
(--assetCount)
assetCount:要加载的资源总数
progressInterval：每次加载量
设置当前加载过程中的百分比
& & [progress setPercentage:(100.0f -
(progressInterval *
assetCount))];
& & else {
& & // 将进度条的加载状态设置为100%
& & CCProgressFromTo
*ac = [CCProgressFromTo
actionWithDuration:0.5
from:progress.percentage to:100];
& CCCallBlock
*callbak = [CCCallBlock
actionWithBlock:^(){
& // 加载完成，调用其他操作
[self loadingComplete];
& CCLOG(@"All done loading assets.");
& id action =
[CCSequence actions:ac,callbak, nil];
& [progress
runAction:action];
CCProgressTo
另一种加载方式：
-(void) onEnter
[super onEnter];
CGSize s = [[CCDirector sharedDirector] winSize];
CCProgressTo *to1 = [CCProgressTo actionWithDuration:2
percent:100];
CCProgressTimer *left =
[CCProgressTimer progressWithSprite:[CCSprite spriteWithFile:@"grossinis_sister1.png"]];
left.type =
kCCProgressTimerTypeBar;
left.midpoint = ccp(0,
left.barChangeRate =
[self addChild:left];
[left setPosition:ccp(100, s.height/2)];
[left runAction: [CCRepeatForever
actionWithAction:to1]];
希望对你有所帮助！
注：最近买了一本《Cocos 2D 权威指南》和Cocos 2D-iPhone
官方帮助，所以，本博客所有的代码原形都源于该书！只做学习交流使用！其他相关篇幅，就不再赘述！
好资料！祝我征服Cocos 2D ！
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。Cocos2d-x 3.2 之 进度条 progressTimer - 推酷
Cocos2d-x 3.2 之 进度条 progressTimer
***************************************转载请注明出处：
********************************************
好长时间没有更博了。。
有点懒啊。。
亲身经历提示广大猿们：换季了，防感冒！
言归正传，最近在做 三消的手游，
关卡设计是没指望了，只能做个限时的，所以，就研究了研究schedule,
这个以后再更新，
度娘搜索的时候，看到了进度条的progressTimer，
这个很好玩的样子，于是就做了下，感觉不错。
ProgressTimer是Node的子类。 该类根据百分比来渲染显示内部的Sprite对象。 变化方向包括径向，水平或者垂直方向。
就是这样的情况：
这个的实现就是通过progressTimer
与之前版本不同，
之前版本类型很多：
kCCProgressTimerTypeRadialCCW,&&&&&&&&&扇形逆时针形式&&
kCCProgressTimerTypeRadialCW,&&&&&&&&&&扇形顺时针形式&&
kCCProgressTimerTypeHorizontalBarLR,&&&从左往右增张的形式&&
kCCProgressTimerTypeHorizontalBarRL,&&&从右往左增张的形式&&
kCCProgressTimerTypeVerticalBarBT,&&&&&从下往上增张的形式&&
kCCProgressTimerTypeVerticalBarTB,&&&&&从上往下增张的形式 &
而现在Type只有两种：
①条型的设置
就是第三个图：
&span style=&font-family:Comic Sans MS;font-size:14&&// 添加图片
auto sprite = Sprite::create(&h7.png&);
// 新建progressTimer对象，将图片载入进去
ProgressTimer *ct= ProgressTimer::create(sprite);
ct-&setPosition(Point(visibleSize.width/2,visibleSize.height/2));
// 设置Tag，为后面更新准备
ct-&setTag(10);
ct-&setScale(0.2);
this -& addChild(ct);
// 设置初始的百分比，0~100 可以是0或者100
ct-&setPercentage(0);
// 选择类型，是条型还是时针型
ct-&setType(kCCProgressTimerTypeBar);
//ct-&setReverseProgress(true);
// 下面两个条形的进阶
ct-&setMidpoint(Point(0,0));
ct-&setBarChangeRate(Point(0,1));
scheduleUpdate();&/span&
然后，在.h 声明函数 void update( float t )
在.cpp定义函数
&span style=&font-family:Comic Sans MS;font-size:14&&void HelloWorld::update( float t )
// 通过上面Tag设置，获取对象
CCProgressTimer *ct=(CCProgressTimer*)getChildByTag(10);
// 获取当前进度
int num = ct-&getPercentage();
// 设置进度速度（此处为每帧+1）
ct-&setPercentage( ++num );
// 设置了循环播放
if( num &= 100 )
ct -& setPercentage(0);
此处，我是通过帧数来控制的速度，
当然也可以通过 &自己调用的update来设置速度。
条形的可以从上到下，从下向上，或者从中间向两边
这个的控制，就是通过上面代码中，进阶的部分：
&span style=&font-family:Comic Sans MS;font-size:14&&ct-&setMidpoint(Point(0,0));
ct-&setBarChangeRate(Point(0,1));&/span&
setMidpoint 是定义从哪开始
这个和锚点的设置一样，0,0左下角，1,1是右上角
setBarChangeRate 是 定义 方向
1,0是自下而上
0,1是自左向右
②时针型的设置
&span style=&font-family:Comic Sans MS;font-size:14&& // 添加图片
auto sprite = Sprite::create(&h7.png&);
// 新建progressTimer对象，将图片载入进去
ProgressTimer *ct= ProgressTimer::create(sprite);
ct-&setPosition(Point(visibleSize.width/2,visibleSize.height/2));
// 设置Tag，为后面更新准备
ct-&setTag(10);
ct-&setScale(0.2);
this -& addChild(ct);
// 设置初始的百分比，0~100 可以是0或者100
ct-&setPercentage(0);
// 选择类型，是条型还是时针型
ct-&setType(kCCProgressTimerTypeRadial);
ct-&setReverseProgress(false);
// 下面两个条形的进阶
// ct-&setMidpoint(Point(0,0));
// ct-&setBarChangeRate(Point(0,1));
scheduleUpdate();&/span&
update函数还是那样，
默认是顺时针，
setReverseProgress
——false 顺时针
——true 逆时针
这样第二个的图片就实现了。
③ 第一个图片那种如何实现呢？
其实，So easy
只需要弄一张暗一点的图片，在底下衬着：
&span style=&font-family:Comic Sans MS;font-size:14&&auto sprite2 = Sprite::create(&h7_02.png&);
sprite2-&setScale(0.2);
sprite2-&setPosition(Point(visibleSize.width/2,visibleSize.height/2));
this -& addChild(sprite2);&/span&
进度条你学会了吗？
同为新手，如有错误，敬请指出，共同进步 O(∩_∩)O~
***************************************转载请注明出处：
********************************************
已发表评论数()
已收藏到推刊！
请填写推刊名
描述不能大于100个字符!
权限设置： 公开
仅自己可见
正文不准确
排版有问题
没有分页内容
视频无法显示
图片无法显示/ UnknownHero
项目语言:C++
UnknownHero/
14:43:00 +0800 (Mon, 04 May 2015)
(C)&&2013&&Alibaba&&Inc.&&All&&rights&&resvered.
Powered by