Quick-x项目下Samples学习之EditBox-优快云博客

本文介绍如何在Cocos2dx-Lua中使用Quick-x框架实现EditBox的功能，包括设置触摸事件、监听键盘事件及处理EditBox的各种状态变更。通过实例演示了EditBox的使用方法。

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

想写好Cocos2dx-Lua，不过还是想用封装版本的来写，省去了更多的代码，所以用了Quick-x。至于Cocos2dx的C++版本给我的感觉就是代码太冗余，不适合敏捷开发。（也许是我的C++太菜的原因 = =）

学习Quick-x，先把大神的samples学一遍。至少开发过程中不会走弯路。

如题：

EditBox学习。

local MainScene = class("MainScene", function()
    return display.newScene("MainScene")
end)


function newButton(imageName, listener, setAlpha)
    local sprite = display.newScale9Sprite(imageName)  --创建9patch图片
    if setAlpha == nil then setAlpha = true end

    sprite:setTouchEnabled(true)  --设置精灵可触摸
    sprite:addTouchEventListener(function(event, x, y)  --给精灵添加触摸事件
        if event == "began" then
            print("began~")
            if setAlpha then sprite:setOpacity(128) end  --触摸时，将透明度设成128范围[0-255]
            return true
        end
        local touchInSprite = sprite:getCascadeBoundingBox():containsPoint(CCPoint(x, y))
        if event == "moved" then
            if touchInSprite then
                if setAlpha then sprite:setOpacity(128) end
            else
                sprite:setOpacity(255)
            end
        elseif event == "ended" then
            if touchInSprite then listener() end
            sprite:setOpacity(255)
        else
            sprite:setOpacity(255)
        end
    end)

    return sprite
end


function MainScene:ctor()
    local btn = newButton("EditBoxBg.png", function ( )
        print("button pressed")
    end):addTo(self):pos(display.cx - 100, display.cy)
    btn:setContentSize(cc.size(120, 160))

    local editBox2 = ui.newEditBox({
        image = "EditBoxBg.png",   --editBox的图片资源（96x96）
        size = CCSize(400, 96),    --editBox大小
        x = display.cx,            --x坐标
        y = display.cy,            --y坐标
        listener = function(event, editbox)   --监听事件
            if event == "began" then          --点击editBox时触发（触发顺序1）
                self:onEditBoxBegan(editbox)
            elseif event == "ended" then        --输入结束时触发 （触发顺序3）
                self:onEditBoxEnded(editbox)
            elseif event == "return" then        --输入结束时触发（触发顺序4）
                self:onEditBoxReturn(editbox)
            elseif event == "changed" then       --输入结束时触发（触发顺序2）
                self:onEditBoxChanged(editbox)
            else
                printf("EditBox event %s", tostring(event))
            end
        end
    })
    editBox2:setReturnType(kKeyboardReturnTypeSend)
    self:addChild(editBox2)

    local btn = newButton("EditBoxBg.png", function ( )
        print("button pressed")
    end):addTo(self):pos(display.cx + 100, display.cy)
    btn:setContentSize(cc.size(120, 160))
end

--获取editBox中的内容 getText()
function MainScene:onEditBoxBegan(editbox)
    printf("editBox1 event began : text = %s", editbox:getText()) 
end

function MainScene:onEditBoxEnded(editbox)
    printf("editBox1 event ended : %s", editbox:getText())
end

function MainScene:onEditBoxReturn(editbox)
    printf("editBox1 event return : %s", editbox:getText())
end

function MainScene:onEditBoxChanged(editbox)
    printf("editBox1 event changed : %s", editbox:getText())
end

function MainScene:onEnter()
    if device.platform ~= "android" then return end

    -- avoid unmeant back 避免偶然的返回事件，所以将函数的执行推后0.5S
    self:performWithDelay(function()
        -- keypad layer, for android
        local layer = display.newLayer()
        layer:addKeypadEventListener(function(event) --添加键盘事件监听
            if event == "back" then game.exit() end    --back键的消息
        end)
        self:addChild(layer)  --场景上添加Layer。

        layer:setKeypadEnabled(true)  --设置键盘监听事件可用
    end, 0.5)
end

return MainScene

效果图如下：