Cocos2d-x 自定义血条及其美化----之游戏开发《赵云要格斗》4cocos2dx 3.3移植版

源码：[e-mail]:baidang201/ARPG_Zhaoyun.git

/////////////////////////////////////////////////////////////////

转载请注明出处http://www.jb51.cc/article/p-zfhqmpgp-kh.html

本章要讲解给怎么在界面上加一个血条，老规矩，还是在Cocos2d-x地图随精灵无限滚动与边缘检测----之游戏开发《赵云要格斗》（3）的基础上进行增加功能的。

在游戏开发中，血条是一个很重要的东西，这里的血条是通过两个图片来完成，一个是前景图（红色），一个是背景图（灰色），通过改变红色图在长度显示，灰色图不变就可实现血量的变化了。当然，这里为了让界面更加好看些，又为血条加了个血框和人物的小头像。

cocos2d-x版本：2.2.5

工程环境：windows7+VS2010

打开方式：将工程放在cocos2d-x安装目录下的project文件夹下用VS打开

先来看看效果吧：由于还没有引入怪物，所以我弄成攻击一次，血条少1或10两种来看看效果

目录：

一、自定义血条类

二、使用自定义血条类并进行美化

三、改变英雄血量

一、自定义血条类

本着后头血条要给怪物来用，所以设计了一个血条类。原理其实就是两个ccsprite对像，控制前景示的大小就可以改变血量了。

首先是资源，在Resources添加以下图片

红血条(前景)：

灰血条(背景)：

血条框架：

赵云左上角小头像：

头文件ProgressView.h：

[cpp] view plain copy

1. #ifndef__PROGRESSVIEW_H__
2. #define__PROGRESSVIEW_H__
4. #include"cocos2d.h"
5. usingnamespacecocos2d;
7. classProgressView:publicCCNode
8. {
9. public:
10. ProgressView();
11. public:
12. //设置血条背景
13. voidsetBackgroundTexture(constchar*pName);
14. //设置血条前景
15. voidsetForegroundTexture(//设置总血量
16. voidsetTotalProgress(floattotal);
17. //设置当前血量
18. voidsetCurrentProgress(floatprogress);
19. //得到当前血量
20. floatgetCurrentProgress()const;
21. //得到总血量
22. floatgetTotalProgress()private:
23. //设置前景血条显示的长度
24. voidsetForegroundTextureRect(constCCRect&rect);
25. CCSprite*m_progressBackground;//背景血条
26. CCSprite*m_progressForeground;//前景血条
27. floatm_totalProgress;//总血量
28. floatm_currentProgress;//当前血量
29. floatm_scale;//放大倍数
30. };
31. #endif

实现文件 ProgressView.cpp: