如何在QML应用中嵌入QSlider而非使其弹出为独立窗口？

原因 #

直接创建QSlider并调用show()时，它没有绑定到QML的父容器，默认会作为独立的顶级窗口显示。要嵌入QML，必须将QWidget类型的控件（QSlider继承自QWidget）通过容器桥接到QML环境中。

方案1：用QML原生Slider（推荐） #

如果没有特殊需求，优先使用QtQuick.Controls提供的原生Slider，完全适配QML环境，无需额外C++代码：

import QtQuick.Controls 2.15

Slider {
    width: 200
    value: 0.5
    // 可添加其他属性，如minimum、maximum、onValueChanged等
}

方案2：嵌入Qt Widget的QSlider到QML #

如果必须使用QWidget的QSlider，需要通过QWidget::createWindowContainer将其包装为QML可识别的项：

步骤1：C++端代码 #

在QML应用入口（如main.cpp）中，创建QSlider并包装为容器：

#include <QGuiApplication>
#include <QQuickView>
#include <QSlider>
#include <QWidget>

int main(int argc, char *argv[]) {
    QGuiApplication app(argc, argv);

    QQuickView view;
    view.setSource(QUrl("qrc:/main.qml"));
    view.show();

    // 创建QSlider并包装为QML容器
    QSlider* slider = new QSlider(Qt::Horizontal);
    QWidget* container = QWidget::createWindowContainer(slider, view.rootObject());
    // 设置容器在QML中的位置和大小
    container->setGeometry(50, 50, 200, 30);

    return app.exec();
}

步骤2：QML端配合 #

确保QML根项（如Rectangle）允许子项添加，无需额外特殊代码，容器会直接嵌入到根项中。

注意事项 #

• 不要直接调用QSlider的show()，否则会强制将其作为顶级窗口显示。
• 若要在QML中动态控制QSlider，可将其包装为QObject子类，通过setContextProperty暴露给QML，实现属性和信号的交互。

内容的提问来源于stack exchange，提问作者Praveenkumar Thulasiraman