今天我们就来详细的说一下关于cocos2d-x滚动字幕的问题,主要来讲解一下关于cocos2d-x中字幕滚动的效果,包括具体的源代码内容,供大家参考学习。

这个形容或许没有表述清楚,大概的意思是:label显示的时候,是一个字一个字逐渐显示出来的,给人一种对话的感觉。

引擎版本:2.1.4;开发语言:lua 思路:实现这种效果,可以通过定时器来实现,在定时器内部不断的对显示label设置setString,在全部显示出来之后就关掉这个定时器。 具体实现: 在定时器内部,需要有两个变量值:一个表示当前label显示的内容,一个表示我们需要全部显示出来的内容 local nowDes = self.captionLabel:getString(); -- 这个表示当前label显示出来的 local des = self.m_desc; -- 这个是最终要显示出来的内容 --计算当前内容和最终内容的长度,然后在当前内容长度的基础上,每次在最终要显示出来的内容中截取一个字出来,设置当前文本内容。这样就有一种内容在逐字显示的效果了 --剩下需要做的是计算字符串长度、截取给定长度的字符串了 --计算

下面是关于cocos2d-x滚动字幕的代码:

  1. utfstrlen = function(str)  
  2.         local len = #str;
  3.         local left = len;
  4.         local cnt = 0;
  5.         local arr={0,0xc0,0xe0,0xf0,0xf8,0xfc};
  6.         while left ~= 0 do
  7.             local tmp=string.byte(str,-left);
  8.             local i=#arr;
  9.             while arr[i] do
  10.                 if tmp>=arr[i] then
  11.                     left=left-i;
  12.                     break;
  13.                 end;
  14.                 i=i-1;
  15.             end;
  16.             cnt=cnt+1;
  17.         end;
  18.         return cnt;
  19.     end;


  20. local lenNowDec = utfstrlen(nowDec);
  21. local lenDes = utfstrlen(desc);

--得到了当前和最终的字符长度之后,就是做对比了

  1. if lenNowDec < lenDec then
  2.      --截取,重新设置
  3.      local str =utf8sub(desc,lenNowDec + 1);
  4.      self.captionLabel:setString(str);
  5. end;

--这里就涉及到如何截取了


  1. utf8sub = function(str, startChar, numChars)
  2.       local startIndex = 1;
  3.       while startChar > 1 do
  4.           local char = string.byte(str, startIndex);
  5.           startIndex = startIndex + DataSheetMgr.chsize(char);
  6.           startChar = startChar - 1;
  7.       end
  8.  
  9.       local currentIndex = startIndex;
  10.  
  11.       while numChars > 0 and currentIndex <= #str do
  12.         local char = string.byte(str, currentIndex);
  13.         currentIndex = currentIndex + DataSheetMgr.chsize(char);
  14.         numChars = numChars -1;
  15.       end;
  16.       return str:sub(startIndex, currentIndex - 1);
  17. end;