cocos进度条 ProgressTimer

最新推荐文章于 2020-08-31 21:36:01 发布

流星丿点

最新推荐文章于 2020-08-31 21:36:01 发布

阅读量1.4k

点赞数

分类专栏： cocos2dx c++ lua

本文链接：https://blog.youkuaiyun.com/u014206831/article/details/83655575

版权

cocos2dx 同时被 3 个专栏收录

31 篇文章

订阅专栏

lua

21 篇文章

订阅专栏

c++

16 篇文章

订阅专栏

本文介绍了如何在cocos2d-x中创建和使用ProgressTimer实现圆形和条形进度条，包括设置类型、百分比、方向等属性，并提供了c++和Lua的示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

进度条ProgressTimer，c++

圆形进度条
Sprite *bgSprite = Sprite::create("red.png");
addChild(bgSprite, 1, 1);

Sprite *hpSprite = Sprite::create("green.png");

progressTimer = ProgressTimer::create(hpSprite);

progressTimer->setType(ProgressTimer::Type::RADIAL);
progressTimer->setReverseProgress(true);
progressTimer->setPercentage(30);//满值 100%

addChild(progressTimer, 0, 0);

条形进度条
Sprite *bgSprite = Sprite::create("box.png");
addChild(bgSprite, 1, 1);

Sprite *hpSprite = Sprite::create("hp.png");

progressTimer = ProgressTimer::create(hpSprite);

progressTimer->setType(ProgressTimer::Type::BAR);

///
//从左到右
progressTimer->setMidpoint(ccp(0, 0.5));
progressTimer->setBarChangeRate(ccp(1, 0));

//从右到左
// progressTimer->setMidpoint(ccp(1, 0.5));
// progressTimer->setBarChangeRate(ccp(1, 0));

//从上到下
// progressTimer->setMidpoint(ccp(0.5, 1));
// progressTimer->setBarChangeRate(ccp(0, 1));

//从下到上
// progressTimer->setMidpoint(ccp(0.5, 0));
// progressTimer->setBarChangeRate(ccp(0, 1));
///

progressTimer->setMidpoint(Point(0, 0.5));
progressTimer->setBarChangeRate(Point(1, 0));

progressTimer->setPercentage(30);//满值 100%

addChild(progressTimer, 0, 0);

进度条ProgressTimer，Lua
圆形进度条：
self.ProgressFg = cc.ProgressTimer:create(cc.Sprite:create(""))

self.ProgressFg:setType(cc.PROGRESS_TIMER_TYPE_RADIAL) --设置为条形 type:cc.PROGRESS_TIMER_TYPE_RADIAL
self.ProgressFg:setReverseProgress(false) --设置
逆时针，顺时针方向
self.ProgressFg:setPercentage(0) -- 设置初始进度为30

条形

local vipProgressFg = cc.ProgressTimer:create(cc.Sprite:create(""))

vipProgressFg:setType(cc.PROGRESS_TIMER_TYPE_BAR) --设置为条形 type:cc.PROGRESS_TIMER_TYPE_RADIAL
   vipProgressFg:setMidpoint(cc.p(0,0)) --设置起点为条形坐下方

vipProgressFg:setBarChangeRate(cc.p(1,0)) --设置为竖直方向

vipProgressFg:setPercentage(0) -- 设置初始进度为30