coco2dx 学习笔记 -- 进度动画 ccProgressTimer ccProgressTo ccProgressFromTo

ccProgressTimer  是进度条类,代表了一个进度条,进度条,分两种,一种是条形的进度条,一种是圆形的进度条。

ccProgressTo    是进度动画类,从零播放到指定的进度

ccProgressFromTo  是进度动画类,可以设定进度播放的起点和终点。


播放一个进度动画的标准代码:

	CCSprite *pSpr = CCSprite::create( "bar.png" );
	CCProgressTimer *pProgress = CCProgressTimer::create( pSpr );
	pProgress->setType( kCCProgressTimerTypeBar );
	pProgress->setPosition( m_VisibleRect.size.width/2, m_VisibleRect.size.height/2 );
	pProgress->setMidpoint( ccp( 0.0f, 0.0f ) );
	pProgress->setBarChangeRate( ccp( 1.0f, 0.0f ) );
	CCProgressTo *to = CCProgressTo::create( 2.0f, 100.0f );
	addChild( pProgress, 999, 111 );
	pProgress->runAction( CCRepeatForever::create( to ) );


setMidPoint,设置中点位置。

说明:进度条内部的实现方式,是每次更新时,分别计算中点左边和终点右边部分的坐标(各占进度的一半)。

所以,当中点设置在(0,0)的时候,进度条是自左向右的。

    当中点设置在(1,0)的时候,进度条是自右向左的。

            当中点设置在0和1之间的时候,进度条会呈现出想左右扩展的效果。

            以上是,x坐标改变时的情况。 y坐标改变时,也是同理。


setBarChangeRate, 设置进度条改变参数,取值【0-1】。

这个参数,这个参数控制进度条改变的速率,还控制进度条从百分之多少的位置开始变化(其实是1.0 - 参数)。(这样的设置是为了平衡进度条的改变速率)


具体进度条更新的公式为,

1.0 - BarChangeRate + percentage*BaseChangeRate

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值