Cocos2d-x 实现静态进度条,文字滚动

相信大家对这个都不陌生吧， 经验条。 一个背景条，一个满得经验条就搞定，剩下得就是设置经验条得显示部分了

只需要用到CCSprite::setTextureRect; //设置精灵显示的区域

 假设upExp是升级需要得经验，mySelf->exp是我现在得经验

[cpp]  view plain copy

1. bgMoney->setTextureRect(CCRectMake(bgMoney->getTextureRect().origin.x, bgMoney->getTextureRect().origin.y, bgMoney->getTextureRect().size.width*((float)mySelf->exp/upExp), bgMoney->getTextureRect().size.height));  

这样即可实现。许多人用setScaleX(); 这样做不好的是会使图片变形，所以我不太推荐

接下来谈谈文字滚动， 其实原理都差不多，都是利用他的显示区域. 看图,先看我是如何实现的:

[cpp]  view plain copy

1. m_talkRect_mc = m_chatViewBox->chatLabelNew->getTextureRect();  
2.         m_talkScrollX_mc = 0.0;  
3.           
4.         m_chatViewBox -> chatLabelNew -> setTextureRect(CCRectMake(m_talkScrollX_mc, 0,m_chatViewBox -> fkTexture ->getTextureRect().size.width - winSize.width/480*33, m_talkRect_mc.size.height));  
5.           
6.         schedule(schedule_selector(GameRoomLayer::scrollTalkMessage), 0.05f);  

[cpp]  view plain copy

1. void GameRoomLayer::scrollTalkMessage()  
2. {  
3.     m_talkScrollX_mc += 1.0f;  
4.     if (m_talkScrollX_mc >= m_talkRect_mc.size.width) {  
5.         m_talkScrollX_mc = -winSize.width/480*110;  
6.     }  
7.     m_chatViewBox->chatLabelNew->setTextureRect(CCRectMake(m_talkScrollX_mc, 0, m_chatViewBox->chatLabelNew->getTextureRect().size.width, m_talkRect_mc.size.height));  
8. }  

m_chatViewBox->chatLabelNew //CCLabelTTF

 m_talkRect_mc //CCRect        m_talkScrollX_mc//float         m_chatViewBox -> fkTexture//背景框