注意：使用版本為3.7.1版本，最新版本。

舊版本使用cc.ui，新版本直接使用ccui。

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

function MainScene:ctor()
        --這是一個按鈕
    local btn = ccui.Button:create("button/btnDog_N.png", "button/btnDog_P.png", "button/btnDog_D.png", 0)
        :pos(display.cx, 100)
        :addTo(self)
        --按鈕文字
        btn:setTitleText("按鈕")
        --字型大小
        btn:setTitleFontSize(25)
        --偏移
        btn:setTitleOffset(20, 100)
        --字型顏色
        btn:setTitleColor(cc.c3b(255, 255, 255))
        --按鈕的回撥函式
        btn:addTouchEventListener(function(sender, eventType)
        if (0 == eventType)  then
            print("pressed")
        elseif (1 == eventType)  then
              print("move")
        elseif  (2== eventType) then
              print("up")
        elseif  (3== eventType) then
            print("cancel")
        end
    end)

    --按鈕無效
    --btn:setEnabled(false)
end

function MainScene:onEnter()
end

function MainScene:onExit()
end

return MainScene
 

我們在res下面建立一個button資料夾

複製這三張圖片，然後改一下名字

button/btnDog_N.png", "button/btnDog_P.png", "button/btnDog_D.png

最後效果

嘿嘿，搞定