詳解CCProgressTimer 進度條

2021-08-26 13:50:24 字數 2786 閱讀 6723

遊戲開發中難免用到進度條,例如做一些遊戲技能的cd時間等都會使用到;那麼cocos2d當然也封裝了進度條,但是不太理想,如果童鞋們用過就應該知道,那麼今天介紹兩個知識點,第一:介紹cocos2d中的進度條ccprogresstimer如何使用;第二點:修改cocos2d封裝的ccprogresstimer原始碼,實現「理想」形式的進度條;

ok,首先來學習下如何在cocos2d中使用ccprogresstimer進度條:

在cocos2d中使用進度條很簡單,建立進度條並新增到當前layer的**如下,童鞋們一看就懂:

ccprogresstimer *ct=[ccprogresstimer progresswithfile:@

"icon.png"

];  

ct.position=ccp( size.width /2 , size.height/2);   

[self addchild:ct z:0 tag:90];  

很簡單的建立,那麼如果急躁的童鞋們只是到這裡就立刻run你的專案,那麼肯定看不到進度條,不用擔心,看不到就對了;

進度條它在cocos2d封裝的時候,預設有乙個最大進度值 100,最小 0,那麼你建立的時候預設的當前進度是0,所以是看不到的;

下面來看兩個進度條比較重要的兩個屬性:

ct.percentage = 0; 

//當前進度

ct.type=kccprogresstimertypehorizontalbarlr;//進度條的顯示樣式

percentage 指的是當前進度條的進度值,那麼想讓乙個進度條正常顯示出來,那麼需要percentage!=0才行,一般都會在乙個不斷重新整理的函式中讓其進度條不斷++,進而實現其進度條功能;

這裡我就簡單寫下**:

1.首先在init函式中,新增  :[self scheduleupdate];

2. 然後新增如下函式即可:(這個函式中就是讓當前進度不斷++,大等於100就還原當前進度值為0,讓其迴圈)

-(void

)update:(cctime)himi  

}  

type屬性也是很容易理解的,就是進度條的型別,在cocos2d中封裝了以下6種顯示方式:

kccprogresstimertyperadialccw,         扇形逆時針形式  

kccprogresstimertyperadialcw,          扇形順時針形式  

kccprogresstimertypehorizontalbarlr,   從左往右增張的形式  

kccprogresstimertypehorizontalbarrl,   從右往左增張的形式  

kccprogresstimertypeverticalbarbt,     從下往上增張的形式  

kccprogresstimertypeverticalbartb,     從上往下增張的形式  

為了讓童鞋們更清楚今天要講的第二點知識,所以這裡我將這些形式截圖出來,大家先看下:

kccprogresstimertyperadialccw 與 kccprogresstimertyperadialcw的樣式如下圖:

kccprogresstimertypehorizontalbarlr 與  kccprogresstimertypehorizontalbarrl 的樣式如下圖:

kccprogresstimertypeverticalbarbt 與 kccprogresstimertypeverticalbartb   的樣式如下圖:

ok,簡單的介紹了進度條的使用和樣式後,那麼請各位童鞋用10秒時間仔細觀察3類樣式!!!

童鞋們可能已經看出了一些端倪,這裡假設我們有乙個技能需要做成有cd時間的,那麼如果我們採用進度條,那麼這個進度條需要一張,我們一般會使用陰影作為進度表示cd時間進而顯示,如下圖:(我將一張半透明的灰色圖作為進度條,下面的cocos2d的icon當成技能!這裡進度條的樣式選擇從下往上的形式)

大家仔細觀察,進度條(灰色塊)逆時針增加,等到了最大進度值100的時候正好黑色塊會將技能(icon圖)給遮擋住......悲劇啊,這哪是技能cd啊,反了吧!!!!

一般技能cd時間過後應該正好將技能icon全部露出來,也就是說正確的應該是進度條在0進度的時候正好全部遮擋技能icon,當當前進度為最大100的時候正好這個遮擋的灰色塊應該正好沒有,這樣才對啊,這正好反了。。。。。

最簡單的解決方式就是將進度條的當前進度值初始化設定100,然後不斷減少就好了;

當然啦,himi 索性去cocos2d裡對ccprogresstimer原始碼進行了修改:

首先進入 cocos2d的ccprogresstimer.m 原始碼中,然後搜尋以下**:

float

alpha = percentage_ / 100.f;  

然後再其下方新增如下**:

if(alpha != 0.f && alpha !=1.f)    

然後直接執行專案,截圖如下:

這才是對的啊,當進度條的當前進度是0的時候正好覆蓋技能icon,當進度條的當前進度值最大100的時候正好將技能icon全部展漏了出來;這個才是正確的技能cd!

備註:童鞋們在使用引擎做遊戲的時候,肯定會遇到一些根本無法通過引擎提供的方法去解決,那麼我們可以直接去修改原始碼來解決問題,而不是一味的順從引擎,這才能體現出引擎開源的好處啦。嘿嘿;

好啦,這一篇就介紹到這裡,繼續忙了.....。

TCP IP詳解 卷1,2,3詳解

大家知道,tcp ip已成為計算機網路的事實上的標準。在關於tcp ip的論著中,最有影響的就是兩部著作。一部是douglas e.comer的 用tcp ip進行網際互連 而另一部就是stevens寫的這3卷書。這兩套巨著都很有名,各有其特點。無論是從事計算機網路的教師還是進行科研的技術人員,這兩...

iptable 詳解 iptable命令詳解1

p protocal protocol 協議 j jump target i in inte ce name 入口 o out inte ce name 出口 f,fragment 分片 指定 p tcp時 source port port port 原埠 也作 sport destionation...

rtp協議詳解 rtcp協議詳解

2 rtp rtcp協議簡介 rtp 由 ietf 定義在 rfc 3550和3551中。rtp通常與輔助控制協議rtcp一起工作,rtp只負責實時資料的傳輸,rtcp負責對rtp的通訊和會話進行帶外管理 如流量控制 擁塞控制 會話源管理等 3 rtp rtcp協議層次和封裝 rtp分組只包含rtp...