COCOS2D-X之圆形进度条的一个简单Demo

这应该是游戏中很常见的一个效果.显示某个事件的进度等,在加载资源或者联网的时候经常用到.所以有必要学习学习

一、我们直接在COCOS2D-X自带的HelloCpp的工程中添加代码即可.我们在初始化中添加如下代码:

CCSprite* pSprite = CCSprite::create("A.png");//暂且说是蓝色背景吧
CCSize szWin = CCDirector::sharedDirector()->getVisibleSize();
pSprite->setPosition(CCPointMake(szWin.width/2,szWin.height/2));
this->addChild(pSprite);
CCProgressTimer *pProgressTimer = CCProgressTimer::create(CCSprite::create("B.png")); //红色圆形进度条
pProgressTimer->setPosition(CCPointMake(szWin.width/2,szWin.height/2));
pProgressTimer->setPercentage(0);//显示原形的百分比
this->addChild(pProgressTimer,0,100);
this->schedule(schedule_selector(HelloWorld::UpdateProgress));//更加实际情况来更新进度.这里用定时器以便演示

二、然后我们需要实现定时器调用的函数.代码如下并附上效果图.

void HelloWorld::UpdateProgress(float Dt)
{CCProgressTimer * pProgressTimer = (CCProgressTimer *)this->getChildByTag(100);  pProgressTimer->setPercentage(pProgressTimer->getPercentage() + Dt * 10);//更新进度if (pProgressTimer->getPercentage()==100) {this->unschedule(schedule_selector(HelloWorld::UpdateProgress));//取消定时器}
}

PS:因为是基础学习,故不作过多分析.后继会有更多精彩内容,敬请大家关注

COCOS2D-X之圆形进度条的一个简单Demo相关推荐

微信小程序之圆形进度条（自定义组件）
前言昨天在微信小程序实现了圆形进度条,今天想把这个圆形进度条做成一个组件,方便以后直接拿来用. 根据官方文档自定义组件一步一步来创建自定义组件第一步创建项目结构打开微信开发者工具创建一个项目, ...
微信小程序进度条组件自定义数字_微信小程序之圆形进度条（自定义组件）
前言昨天在微信小程序实现了圆形进度条,今天想把这个圆形进度条做成一个组件,方便以后直接拿来用. 根据官方文档自定义组件一步一步来创建自定义组遇新是直朋能到件第一步创建项遇新是直朋能到分览目结构 ...
android 环形时间显示_Android_Android实现自定义圆形进度条，今天无意中发现一个圆形进度 - phpStudy...
Android实现自定义圆形进度条今天无意中发现一个圆形进度,想想自己实现一个,如下图: 基本思路是这样的: 1.首先绘制一个实心圆 2.绘制一个白色实心的正方形,遮住实心圆 3.在圆的中心动态绘制 ...
html进度条圆圈渐变色,HTML5 canvas带渐变色的圆形进度条动画
jquery-circle-progress是一款带渐变色的圆形进度条动画特效jQuery插件.该圆形进度条使用的是HTML5 canvas来绘制圆形进度条及其动画效果,进度条使用渐变色来填充,效果非 ...
【Android 应用开发】自定义圆形进度条组件
转载著名出处 : http://blog.csdn.net/shulianghan/article/details/40351487 代码下载 : -- CSDN 下载地址 : http://down ...
Android 高手进阶之自定义View，自定义属性（带进度的圆形进度条）
转载请注明地址:http://blog.csdn.net/xiaanming/article/details/10298163 很多的时候,系统自带的View满足不了我们功能的需求,那么我们就需要自己 ...
使用GDI+实现圆形进度条控件的平滑效果
DownLoad Src 传统的GDI绘制图形时的一个致命缺点是图像存在锯齿毛糙, 使用GDI+能绘制漂亮的渐变图像并有光滑图像的功能.利用GDI+对圆形进度条控件进行修改,效果如下:
VC用MFC开发的圆形进度条控件
DownLoad Src VC用MFC开发的圆形进度条控件 visualsan@yahoo.cn NUAA zss 在NBA2007游戏里,还有很多科幻电影里,经常可以看到圆形进度条.有的用来显示导弹 ...
Android 自定义View，自定义属性－－自定义圆形进度条（整理）
很多的时候,系统自带的View满足不了我们的功能需求,那么我们就需要自定义View来满足我们的需求自定义View时要先继承View,添加类的构造方法,重写父类View的一些方法,例如onDraw,为 ...
WPF利用动画实现圆形进度条
WPF利用动画实现圆形进度条原文:WPF利用动画实现圆形进度条这是我的第一篇随笔,最近因为工作需要,开始学习WPF相关技术,自己想实现以下圆形进度条的效果,逛了园子发现基本都是很久以前的文章,实现 ...

COCOS2D-X之圆形进度条的一个简单Demo

COCOS2D-X之圆形进度条的一个简单Demo相关推荐

最新文章

热门文章