cocos场景切换时的loading界面实现

最新推荐文章于 2025-07-19 16:28:27 发布

僵尸男孩

最新推荐文章于 2025-07-19 16:28:27 发布

阅读量3.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： cocos2d-x lua 文章标签： cocos2d

本文链接：https://blog.youkuaiyun.com/u011488256/article/details/53464579

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

39 篇文章

订阅专栏

lua

9 篇文章

订阅专栏

通过cc.Director的setNotificationNode方法，结合自定义的延时函数，实现在Cocos2d-x游戏中切换场景时显示Loading界面。首先将Loading界面放入NotificationNode，然后调用Utils.ShowTransScenePic()使其可见，接着利用schedule函数安排下一帧进入目标场景并隐藏NotificationNode，确保Loading界面先于新场景显示。

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

使用cc.Director:getInstance():setNotificationNode(NotificationNode)来进行实现，并且编写一个简单的延时函数。

    global.NotificationNode = cc.Node:create()
    global.LoadingPic = cc.Sprite:create("ui/common/LoadingPic.png")
    LoadingPic:setAnchorPoint(cc.p(0,0))
    LoadingPic:setPosition(cc.p(0,0))
    LoadingPic:addChild(Utils.createLoadingNode())
    NotificationNode:addChild(LoadingPic)
    cc.Director:getInstance():setNotificationNode(NotificationNode)
    LoadingNode:setVisible(false)
    LoadingPic:setVisible(false)
    self.SwallowTouchlistener = Utils.addSwallowTouchListenerToNode(NotificationNode)  --屏蔽其他事件。

  Utils.ShowTransScenePic()
    Utils.delayExcute(0,function()
        g_AppInstance:enterScene(CONFIG.REVIEW_VERSION == true and "GameModeScene" or "TeamModeScene")
        Utils.HideTransScenePic()  
    end)

1.将自己做好的loading界面设置到NoNtificationode里面。这样在每次转换的界面的时候就会显示Node。

  Utils.ShowTransScenePic()
    Utils.delayExcute(0,function()
        g_AppInstance:enterScene(CONFIG.REVIEW_VERSION == true and "GameModeScene" or "TeamModeScene")
        Utils.HideTransScenePic()  
    end)

function Utils.delayExcute(delayTm, cb)
    local defaultSchedule = cc.Director:getInstance():getScheduler()
    local scheduleHandler = nil
    local function callback()
        if cb ~= nil then
            cb()
        end
        defaultSchedule:unscheduleScriptEntry(scheduleHandler)
        table.removebyvalue(delayScheduleHandlers, scheduleHandler)
    end
    scheduleHandler = defaultSchedule:scheduleScriptFunc(callback, delayTm, false)
    delayScheduleHandlers[#delayScheduleHandlers + 1] = scheduleHandler
    return scheduleHandler
end

2.Utils.ShowTransScenePic()这个函数是将之前自己设置在directer的notificationNode设置为显示状态。
3.然后自己利用schedule写一个延迟函数，在下一帧的时候进入你想进入的场景。并且影藏notificationNode。（这里为什么要在下一帧，因为Utils.ShowTransScenePic() 里面的setvisible（true）只是将该图片加入到渲染队列，并不是立即显示在界面上来。而enterScene是会立即跳转界面并且显示，如果不利用延迟函数在下一帧进行enter，那么看到的效果就是进入场景然后显示了notificationNode。而我们想要的效果是先显示notificationNode界面，scene成功加载在进行跳转。）