用户输入账号和密码输入是常见工能,现在用editbox来实现用户名和密码输入,但是这个商业项目上常见功能,网上却没有找到教程,我就一步一步的实现,代码如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
|
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)
--------------
end
|
setInputFlag(0) 是实现密码输入。
EditBox.png 要做成一个小的图片,然后用九风格来不变形拉伸。
来源网址:http://blog.csdn.net/dahuichen/article/details/30040147