cocos2dx quick lua 学习笔记1

来源:互联网 发布:linux 安装kde 编辑:程序博客网 时间:2024/04/30 19:55


framework下ui.lua文件

1.定义ui表结构 local ui ={}

1) 定义一些·全局变量ui.DEFAULT_TTF_FONT = "Arail" ui.DEFAULT_TTF_FONT_SIZE = 24

2)一些可用控件

(1) ui.newEditBox(params) 

参数:image(初始状态),imagePressed(输入状态),imageDisabled(禁用状态),listener(回调函数),size(使用size = cc,size(高度,宽度) ) ,x.y 坐标

·例子:local function onEdit(event,editBox)

if event == "began" then --开始输入

elseif event == "changed" then --输入框状态改变

elseif event =="ended" then --输入结束

elseif event == "return" then --从输入框返回

    end


local editBox = ui.newEditBox({

image="editbox.png",

listener="onEdit",

size = cc.size(200,40)

})   setInputFlag(0) 设置为密码输入 setPlaceHodler("") 显示初始文本 setText("") 出现输入法后默认文本

(2) ui.newTextField()与newEditBox类似 params.UIInputType = 2 而 editBox params.UIInputType = 1

(3)ui.newBMFontLabel(params) 使用位图文字创建文本显示对象 返回LabelBMFont 常用于显示英文文字,显示中文要使用TTFLabel

参数:text,font,align,x,y

············(4)ui.newTTFLabel(params) 使用ttf字体创建文字显示对象,并返回LabelTTF对象

        参数:text,font,size,color,align,valign(文字的垂直对齐方式)dimensions(文字显示对象的尺寸 使用 cc.size(width,height) 设置)x,y

align 和 valign 参数可用的值:
-    ui.TEXT_ALIGN_LEFT 左对齐
-    ui.TEXT_ALIGN_CENTER 水平居中对齐
-     ui.TEXT_ALIGN_RIGHT 右对齐
-     ui.TEXT_VALIGN_TOP 垂直顶部对齐
-     ui.TEXT_VALIGN_CENTER 垂直居中对齐
-     ui.TEXT_VALIGN_BOTTOM 垂直底部对齐

local ttfLabel = ui.newTTFLabel({

text="aaa",

font="Arials",

size=64,

color=cc.c3b(255,0,0),

align= ui.TEXT_ALIGN_LEFT,

valign = ui.....TOP, 

dimensions=cc.size(400,200)

})

(5)ui.newTTFLabelWithShadow(params)  创建带阴影的文字对象并返回TTF 比newTTFLabel多一个参数

shadowColor = cc.c4b()

(6)ui.newTTFLabelWithOutline(params)  创建带描边的TTF文字显示对象 ,并返回LabelTTF 相比TTFLabel增加一个参数

outlineColor=cc.c4b()

 



0 0
原创粉丝点击