Cocos2d-x 3.17:制作加载/进度条的最佳方式

Cocos2d-x 3.17 : Best way to make loading / progress bar

// 类型 1

auto loadingbar = ui::LoadingBar::create("loadingbar.png");
    loadingbar->setPosition(winSize/2);
    loadingbar->setPercent(0);
    this->addChild(loadingbar);
    this->schedule([=](float delta){
        float percent = loadingbar->getPercent();
        percent++;
        loadingbar->setPercent(percent);
        if (percent>=100.0f) {
            this->unschedule("updateLoadingBar");
        }
    }, 0.1f, "updateLoadingBar");

// 类型 2

auto timerBG = Sprite::create("loadingbar.png");
    auto loadingBar = ProgressTimer::create(timerBG);
    loadingBar->setPosition(winSize/2);
    loadingBar->setType( ProgressTimerType::BAR );
    loadingBar->setAnchorPoint( Vec2( 0.0, 0.0 ) );
    loadingBar->setBarChangeRate( Vec2( 1,0 ) );
    loadingBar->setMidpoint( Vec2( 0.0, 0.0 ) );
    loadingBar->setPercentage( 34 );
    this->addChild( loadingBar, 2);

    auto prog = ProgressFromTo::create(2.0, 20, 100);

    loadingBar->runAction(prog);

在以上 2 种方法中,哪种方法是提高加载进度的最佳方法?

我检查了 UI LoadingBar class 的原始来源,它有一些您可以开箱即用的有趣方法:

您可以创建具有不同纹理、文本的栏并设置百分比:

LoadingBar* LoadingBar::create(const std::string &textureName, float percentage)

您可以更改栏的方向,如果您决定在实现后更改加载场景的设计,这会很有用:

void LoadingBar::setDirection(cocos2d::ui::LoadingBar::Direction direction)

您可以即时更换纹理,假设您想像某些游戏一样在加载过程中更改图像:

void LoadingBar::loadTexture(SpriteFrame* spriteframe)

此外,它继承自 UI Widget,它像所有 UI 元素一样会为您处理诸如缩放之类的事情。

不过,就性能而言,我不认为它对加载栏有太大影响,所以如果你只想要一个非常简单的,你的第二个选项,尽管也可以使用不太灵活的选项。