Fluent-Qt

导航

Stepper 步骤导航

显示任务的步骤、进度和状态。

示例

步骤导航的真实 Gallery 示例

用法

由应用控制步骤

点击步骤时发出 stepRequested，由应用决定是否切换；setItemState() 标记完成或出错。

#include <FluentQt/Navigation.h>
using namespace fluent::navigation;

auto* stepper = new Stepper(this);
for (int i = 0; i < 4; ++i) {
    StepperItem item(QString("Step %1").arg(i + 1), "Optional description");
    if (i == 0) item.state = Stepper::Completed;
    if (i == 3) item.enabled = false;
    stepper->addItem(item);
}
stepper->setCurrentIndex(1);
connect(stepper, &Stepper::stepRequested, stepper, &Stepper::setCurrentIndex);
connect(stepper, &Stepper::currentIndexChanged, statusLabel, [statusLabel](int i) {
    statusLabel->setText(QString("Current step: %1").arg(i + 1));
});
connect(toggleError, &Button::clicked, stepper, [stepper] {
    stepper->setItemState(1, stepper->itemAt(1).state == Stepper::Error ? Stepper::Pending : Stepper::Error);
});

import fluentqt

stepper = fluentqt.Stepper()
states = fluentqt.Stepper.State
for i in range(4):
    item = fluentqt.StepperItem(f'Step {i + 1}', 'Optional description')
    if i == 0:
        item.state = states.Completed
    if i == 3:
        item.enabled = False
    stepper.addItem(item)
stepper.setCurrentIndex(1)
stepper.stepRequested.connect(stepper.setCurrentIndex)
def update_status(index):
    status.setText(f'Current step: {index + 1}')
stepper.currentIndexChanged.connect(update_status)
toggle = fluentqt.Button('Toggle step 2 error')
def toggle_error():
    error = stepper.itemAt(1).state == states.Error
    stepper.setItemState(1, states.Pending if error else states.Error)
toggle.clicked.connect(toggle_error)

API