首页 > 代码库 > Cocos2d-x开发---字幕效果

Cocos2d-x开发---字幕效果

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

       引擎版本:2.1.4;开发语言:lua
       思路:实现这种效果,可以通过定时器来实现,在定时器内部不断的对显示label设置setString,在全部显示出来之后就关掉这个定时器。
       具体实现:
       在定时器内部,需要有两个变量值:一个表示当前label显示的内容,一个表示我们需要全部显示出来的内容
       local nowDes = self.captionLabel:getString();     -- 这个表示当前label显示出来的
       local des = self.m_desc;                                      -- 这个是最终要显示出来的内容
       --计算当前内容和最终内容的长度,然后在当前内容长度的基础上,每次在最终要显示出来的内容中截取一个字出来,设置当前文本内容。这样就有一种内容在逐字显示的效果了
       --剩下需要做的是计算字符串长度、截取给定长度的字符串了
       --计算
utfstrlen = function(str)  
        local len = #str;
        local left = len;
        local cnt = 0;
        local arr={0,0xc0,0xe0,0xf0,0xf8,0xfc};
        while left ~= 0 do
            local tmp=string.byte(str,-left);
            local i=#arr;
            while arr[i] do
                if tmp>=arr[i] then
                    left=left-i;
                    break;
                end;
                i=i-1;
            end;
            cnt=cnt+1;
        end;
        return cnt;
    end;

local lenNowDec = utfstrlen(nowDec);
local lenDes = utfstrlen(desc);

       --得到了当前和最终的字符长度之后,就是做对比了
if lenNowDec < lenDec then
     --截取,重新设置
     local str =utf8sub(desc,lenNowDec + 1);
     self.captionLabel:setString(str);
end;

       --这里就涉及到如何截取了
utf8sub = function(str, startChar, numChars)
      local startIndex = 1;
      while startChar > 1 do
          local char = string.byte(str, startIndex);
          startIndex = startIndex + DataSheetMgr.chsize(char);
          startChar = startChar - 1;
      end

      local currentIndex = startIndex;

      while numChars > 0 and currentIndex <= #str do
        local char = string.byte(str, currentIndex);
        currentIndex = currentIndex + DataSheetMgr.chsize(char);
        numChars = numChars -1;
      end;
      return str:sub(startIndex, currentIndex - 1);
end;



Cocos2d-x开发---字幕效果