quick-cocos2d-x教程12:实现文本和密码输入界面

最新推荐文章于 2021-04-14 17:05:40 发布

wang_we

最新推荐文章于 2021-04-14 17:05:40 发布

阅读量726

点赞数

本文详细介绍了如何在商业项目中使用EditBox组件实现用户登录界面的用户名和密码输入功能，包括开始输入、内容变化、输入结束和返回等事件处理。同时，文章还涉及了EditBox组件的配置，如图片显示、输入标志设置等，以实现密码输入的视觉效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原文地址：http://www.2cto.com/kf/201406/308285.html

用户输入账号和密码输入是常见工能，现在用editbox来实现用户名和密码输入，但是这个商业项目上常见功能，网上却没有找到教程，我就一步一步的实现，代码如下：

function MainScene:ctor()
ui.newTTFLabel({text = "User Login", size = 20, align = ui.TEXT_ALIGN_CENTER})
:pos(display.cx, display.cy+50)
:addTo(self)
------
local function onEdit(event, editbox)
if event == "began" then
-- 开始输入
elseif event == "changed" then
-- 输入框内容发生变化
elseif event == "ended" then
-- 输入结束
elseif event == "return" then
-- 从输入框返回
end
end

local editbox = ui.newEditBox({
image = "EditBox.png",
listener = onEdit,
size = CCSize(200, 40)
})

editbox:pos(display.cx, display.cy)
editbox:addTo(self)
--------
local editbox2 = ui.newEditBox({
image = "EditBox.png",
listener = onEdit,
size = CCSize(200, 40)
})
--设置密码输入框
editbox2:setInputFlag(0)
editbox2:pos(display.cx, display.cy/2)
editbox2:addTo(self)
--------------

endsetInputFlag(0) 是实现密码输入EditBox.png 要做成一个小的图片，然后用九风格来不变形拉伸