Cocos2d-x 3.2 Lua演示样例FontTest（字体測试）

本篇博客介绍Cocos2d-x 3.2中Lua測试项目中的FontTest样例，主要使用了字体文件来创建我们想要的字体样式：

第一个參数为文本。第二參数为ttf字体文件，第三个參数为字体大小，第四个參数为块大小。第五个參数为文本横向对齐方式，第六个慘为文本纵向对齐方式。

样例效果图：

演示样例代码：（注：单独文件不可执行，详细可參考lua-tests)

--4个标签的Tag
local  kTagLabel1 = 0
local  kTagLabel2 = 1
local  kTagLabel3 = 2
local  kTagLabel4 = 3-- 字体列表
local  fontList = {"fonts/A Damn Mess.ttf","fonts/Abberancy.ttf","fonts/Abduction.ttf","fonts/Paint Boy.ttf","fonts/Schwarzwald Regular.ttf","fonts/Scissor Cuts.ttf"
}local fontCount = table.getn(fontList) -- 获得表元素个数
cclog("font count = "..fontCount)local vAlignIdx = 1
local verticalAlignment = {cc.VERTICAL_TEXT_ALIGNMENT_TOP,  -- 对齐顶部cc.VERTICAL_TEXT_ALIGNMENT_CENTER, -- 居中对齐cc.VERTICAL_TEXT_ALIGNMENT_BOTTOM, -- 底部对齐
}local vAlignCount = table.getn(verticalAlignment)--[[
===============
显示字体
===============
]]--
local function showFont(ret, pFont)cclog("vAlignIdx="..vAlignIdx)local s = cc.Director:getInstance():getWinSize()-- 窗体大小local blockSize = cc.size(s.width/3, 200)-- 块大小local fontSize = 26--字体大小-- 依据Tag移除子节点ret:removeChildByTag(kTagLabel1, true)ret:removeChildByTag(kTagLabel2, true)ret:removeChildByTag(kTagLabel3, true)ret:removeChildByTag(kTagLabel4, true)-- static Label* createWithTTF(const std::string & text, const std::string & fontFile, float fontSize, const Size & dimensions = Size::ZERO,--TextHAlignment hAlignment = TextHAlignment::LEFT,TextVAlignment vAlignment = TextVAlignment::TOP)-- 第一个參数为文本，第二个參数为字体样式，第三个參数为字体大小，第四个參数为块大小，第五个參数为文本横向对齐。第六个參数为文本纵向对齐local top = cc.Label:createWithTTF(pFont, pFont, 24)local left = cc.Label:createWithTTF("alignment left", pFont, fontSize,blockSize, cc.TEXT_ALIGNMENT_LEFT, verticalAlignment[vAlignIdx])local center = cc.Label:createWithTTF("alignment center", pFont, fontSize,blockSize, cc.TEXT_ALIGNMENT_CENTER, verticalAlignment[vAlignIdx])local right = cc.Label:createWithTTF("alignment right", pFont, fontSize,blockSize, cc.TEXT_ALIGNMENT_RIGHT, verticalAlignment[vAlignIdx])-- 创建颜色层，第一个參数是颜色，第二个參数为宽度，第三个參数为高度local leftColor = cc.LayerColor:create(cc.c4b(100, 100, 100, 255), blockSize.width, blockSize.height)local centerColor = cc.LayerColor:create(cc.c4b(200, 100, 100, 255), blockSize.width, blockSize.height)local rightColor = cc.LayerColor:create(cc.c4b(100, 100, 200, 255), blockSize.width, blockSize.height)-- 忽略锚点对位置的影响 ，假设为true。锚点为(0,0)leftColor:ignoreAnchorPointForPosition(false)centerColor:ignoreAnchorPointForPosition(false)rightColor:ignoreAnchorPointForPosition(false)top:setAnchorPoint(cc.p(0.5, 1)) -- 设置锚点(0.5,1)left:setAnchorPoint(cc.p(0,0.5))leftColor:setAnchorPoint(cc.p(0,0.5))center:setAnchorPoint(cc.p(0,0.5))centerColor:setAnchorPoint(cc.p(0,0.5))right:setAnchorPoint(cc.p(0,0.5))rightColor:setAnchorPoint(cc.p(0,0.5))top:setPosition(cc.p(s.width/2,s.height-20)) -- 设置显示位置left:setPosition(cc.p(0,s.height/2))leftColor:setPosition(left:getPosition())center:setPosition(cc.p(blockSize.width, s.height/2))centerColor:setPosition(center:getPosition())right:setPosition(cc.p(blockSize.width*2, s.height/2))rightColor:setPosition(right:getPosition())ret:addChild(leftColor, -1)ret:addChild(left, 0, kTagLabel1)ret:addChild(rightColor, -1)ret:addChild(right, 0, kTagLabel2)ret:addChild(centerColor, -1)ret:addChild(center, 0, kTagLabel3)ret:addChild(top, 0, kTagLabel4)
endlocal isFirst = true
local originCreateLayer = createTestLayer
local function createTestLayer()if isFirst == false thenif Helper.index == 1 thenvAlignIdx =  vAlignIdx % vAlignCount + 1endelseisFirst = falseendlocal ret = originCreateLayer("")showFont(ret, fontList[Helper.index])return ret
endfunction FontTestMain()cclog("FontTestMain")Helper.index = 1vAlignIdx = 1local scene = cc.Scene:create()-- 创建方法表Helper.createFunctionTable = {createTestLayer,createTestLayer,createTestLayer,createTestLayer,createTestLayer,createTestLayer}scene:addChild(createTestLayer()) -- 加入測试层scene:addChild(CreateBackMenuItem())--加入后退buttonreturn scene
end