Cocos2dx为人物添加血条(进度条)

首先&＃xff0c;准备两张图片&＃xff0c;一张是bar.png,本质上就是一个框&＃xff0c;里面可以装血&＃xff1b;另一张是blood.png&＃xff0c;从名字就可以看出来&＃xff0c;是红色的血。预览一下。** 
setPosition(Point(size.width/2,size.height-20)); //设置框的位置this->addChild(sprite); //加到默认图层里面去auto sprBlood &＃61; Sprite::create("res/game/blood.png"); //创建血条ProgressTimer * progress &＃61; ProgressTimer::create(sprBlood); //创建progress对象progress->setType(ProgressTimer::Type::BAR); //类型&＃xff1a;条状progress->setPosition(Point(size.width/2,size.height-20));//从右到左减少血量progress->setMidpoint(Point(0,0.5)); //如果是从左到右的话&＃xff0c;改成(1,0.5)即可progress->setBarChangeRate(Point(1,0));progress->setTag(BLOOD_BAR); //做一个标记this->addChild(progress);schedule(schedule_selector(GameScene::scheduleBlood), 0.1f); //刷新函数&＃xff0c;每隔0.1秒

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13

void GameScene::scheduleBlood(float delta){auto progress &＃61; (ProgressTimer *)this->getChildByTag(BLOOD_BAR);progress->setPercentage((((float)existLife)/PLAYER_LIFE)*100); //这里是百分制显示if (progress->getPercentage() <0) {this->unschedule(schedule_selector(GameScene::scheduleBlood));}
}


• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8

这里注意一下&＃xff0c;setPercentage()函数里面的值是进度条的长度&＃xff0c;比如说输入30&＃xff0c;显示百分之三十的血量。每次回调如果existLife的值变化的话&＃xff0c;就会看到血条的动态改变。上图&＃xff1a;