[cocos2d-x]CCProgressTimer进度条

简介: 下面我来介绍一下进度条的显示,在cocox2d-x中常用于能量圈的逐渐加满或者玩家血量的逐渐增加的一个效果。 操作步骤: 1.添加CCProgressTimer类 CCProgressTimer *progressTimer = CCProgressTimer::create(CCSprite::create("Icon-72.

下面我来介绍一下进度条的显示,在cocox2d-x中常用于能量圈的逐渐加满或者玩家血量的逐渐增加的一个效果。

操作步骤:

1.添加CCProgressTimer类

 CCProgressTimer *progressTimer = CCProgressTimer::create(CCSprite::create("Icon-72.png"));
    progressTimer->setPosition(CCPointMake(screenSize.width / 2, screenSize.height/2 + 70));
    //显示百分比
    //progressTimer->setPercentage(0); //显示原形的百分比
    this->addChild(progressTimer,5,200);

2.完善一个update的方法,然后调用系统的this->scheduleUpdate来逐针调用这个update方法

//参数是固定的是每隔一桢间隔的时间的意思,也就是update函数每针都会调用
void HelloWorld::update(float delta)
{
    
    //能量圈
    CCProgressTimer * progressTimer = (CCProgressTimer *)this->getChildByTag(200);
    progressTimer->setPercentage(progressTimer->getPercentage() + delta * 10);
    if (progressTimer->getPercentage()== 100) {
        progressTimer->setPercentage(0.f);
    }
}

效果图:


相关文章
flutter系列之:做一个下载按钮的动画
我们在app的开发过程中经常会用到一些表示进度类的动画效果,比如一个下载按钮,我们希望按钮能够动态显示下载的进度,这样可以给用户一些直观的印象,那么在flutter中一个下载按钮的动画应该如何制作呢? 一起来看看吧。
|
UED
cocos creator实现加载场景进度条
cocos creator实现加载场景进度条
566 1
cocos creator实现加载场景进度条
|
JavaScript
cocos creator实现自定义进度条
cocos creator实现自定义进度条
284 1
cocos creator实现自定义进度条
|
Android开发
autojs进度条
牙叔教程 简单易懂
563 0
UGUI系列-实现进度条效果(Unity3D)
今天分享一个UGUI 图片实现进度条动画的方法,配合上资源异步加载,可以作为场景加载动画
Cocos2d-x-v3场景切换
Cocos2d-x-v3场景切换
139 0
|
开发工具 C语言
Qt编写自定义控件17-按钮进度条
一、前言 按钮进度条,顾名思义,表面上长得像一个按钮,单击以后切换成进度条指示按钮单击动作执行的进度,主要用在一些需要直接在按钮执行动作显示对应进度的场景,在很多网页中经常看到这种效果,这个效果有个优点就是直接在原地显示进度条,不占用其他位置,然后提供各种颜色可以设置。
1249 0