cocos2d-x API 学习 ---- 各个gui插件

最新推荐文章于 2023-10-10 15:50:17 发布

I_Moo

最新推荐文章于 2023-10-10 15:50:17 发布

阅读量2.5k

点赞数

分类专栏： cocos2d-x 游戏开发文章标签：游戏开发 cocos2d-x api

本文链接：https://blog.csdn.net/I_Moo/article/details/20785669

版权

cocos2d-x 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

游戏开发

3 篇文章 0 订阅

订阅专栏

本文主要介绍了cocos2d-x游戏引擎中的GUI组件使用，包括button、checkbox、slider、loadingbar、label等的API，如设置触摸事件、Scale9效果、响应动画以及添加监听等操作。

摘要由CSDN通过智能技术生成

现在基本上还是在看cocos2d-x的各种API，这两天都在看GUITest里的例子去熟悉API，记一下Test里的各种API吧，可能有错误

设置button响应触摸事件

button:setTouchEnabled(true)

button加载响应前与响应后的状态图片

button:loadTextures("cocosgui/dart.png", "cocosgui/sword.png", "")

button添加触摸事件监听 ----具体原理还不是很清楚

button:addTouchEventListener(touchEvent)

设置button显示Scale9效果 ----貌似是延展9倍的效果？

button:setScale9Enabled(true)

设置button按下放大效果

button:setPressedActionEnabled(true)

设置button中的文字

textButton:setTitleText("Text Button")

加载checkbox各个状态图片，按顺序分别是未点选时背景，点选时背景，点选后背景，禁用未点选背景，禁用点选后背景

checkBox:loadTextures("cocosgui/check_box_normal.png",
                               "cocosgui/check_box_normal_press.png",
                               "cocosgui/check_box_active.png",
                               "cocosgui/check_box_normal_disable.png",
                               "cocosgui/check_box_active_disable.png")

checkbox监听选择事件

checkBox:addEventListenerCheckBox(selectedEvent)

slider加载滚动条图片

slider:loadBarTexture("cocosgui/sliderTrack.png")

slider加载滚动球图片，参数分别为正常状态，按下状态，禁用状态下滚动球图片

slider:loadSlidBallTextures("cocosgui/sliderThumb.png", "cocosgui/sliderThumb.png", "")

slide加载进度条图片

slider:loadProgressBarTexture("cocosgui/sliderProgress.png")

slider监听滚动条percent changed事件

slider:addEventListenerSlider(percentChangedEvent)

slider获取当前滚动条百分比

slider:getPercent()

slider设置Scale9渲染效果

slider:setScale9Enabled(true)

设置画面放大比例

self._uiLayer:setScale(scale)

设置lua定时器，第一个参数为回调函数，第二个参数是优先级

self:scheduleUpdateWithPriorityLua(update, 0)

注册响应事件，参数为响应名称

self:registerScriptHandler(onNodeEvent)

设置loadingbar加载方向，LoadingBarTypeLeft表示从左到右，LoadingBarTypeRight表示从右到左

loadingBar:setDirection(ccs.LoadingBarType.right)

CCRect(x,y,width,height)表示构造一个矩形,(x,y)坐标表示矩形左下角

LabelAtlas从图片中读取文字，第一个参数是显示内容，第二个参数是图片来源，第三个参数是文字的宽，第四个是文字的高，第五个是开始字符

labelAtlas:setProperty("12345670", "cocosgui/labelatlas.png", 17, 22, "0")

LabelBMFont设置字体，参数表示字体来源

labelBMFont:setFntFile("cocosgui/bitmapFontTest2.fnt")

TextField设置占位符，参数为无输入时的提示

textField:setPlaceHolder("input words here")

TextField设置事件监听

textField:addEventListenerTextField(textFieldEvent)

CCMoveTo提供快速移动动作，第一个参数是时间，第二个参数是目的坐标

CCMoveTo:create(time,point(x,y))

TextField是否设置最大长度限制

textField:setMaxLengthEnabled(true)

设置文本的最大长度

textField:setMaxLength(6)

TextField是否设置密码形式

textField:setPasswordEnabled(true)

设置密码替代符

textField:setPasswordStyleText("*")

设置背景颜色类型（支持均匀、梯度）当参数为gradient时实现梯度变化

layout:setBackGroundColorType()

设置背景颜色，参数为颜色当类型为gradient时有两个参数，连个梯度颜色

layout:setBackGroundColor(ccc3(128, 128, 128))

设置layout是否可裁剪

layout:setClippingEnabled(true)

设置背景图片Scale9效果

layout:setBackGroundImageScale9Enabled(true)

layout:setLayoutType(type)设置布局格式,和ccs对应有4种布局格式：

LAYOUT_ABSOLUTE 绝对布局
LAYOUT_LINEAR_VERTICAL 线性垂直
LAYOUT_LINEAR_HORIZONTAL 线性水平
LAYOUT_RELATIVE 相对布局

LinearLayoutParameter:setGravity()设置重力属性,参数如下：

LINEAR_GRAVITY_NONE
LINEAR_GRAVITY_LEFT
LINEAR_GRAVITY_TOP
LINEAR_GRAVITY_RIGHT
LINEAR_GRAVITY_BOTTOM
LINEAR_GRAVITY_CENTER_VERTICAL
LINEAR_GRAVITY_CENTER_HORIZONTAL