QWidget调用QML界面，并交互(上)

在QWidget加载QML文件 ，在加载过程中把qml文件添加到资源文件，在pro文件中添加
QT += quickwidgets

实现

在设计师里面放置如下界面

点击显示QML按钮显示对应QML界面，QWidget界面可与QML界面进行交互。

cpp代码部分

1.点击按钮显示QML，对应QML界面显示出来
QUrl source(“qrc:/qmlTest.qml”);
ui->quickWidget->setResizeMode(QQuickWidget::SizeRootObjectToView );
ui->quickWidget->setSource(source);
ui->quickWidget->setClearColor(QColor(Qt::transparent));
QQuickItem *item=ui->quickWidget->rootObject();
connect(item,SIGNAL(sendToWidget(QString)),this,SLOT(qmlToWidgetSlot(QString)));
connect(this,SIGNAL(sendSignalToXml(QString)),item,SIGNAL(receFromWidget(QString)));
2.点击发号信号到QML按钮
void Widget::on_pushButton_2_clicked()
{
emit sendSignalToXml(ui->lineEdit->text());
}
3.QWidget接受QML界面btn按钮对应槽
void Widget::qmlToWidgetSlot(const QString &str)
{
ui->lineEdit->setText(str);
}

QML代码

主要涉及对应信号和连接信号槽部分
信号： signal sendToWidget(string textInput)
signal receFromWidget(string rectext)
连接： root.receFromWidget.connect(root.load)

实现效果：

更多方法：
QWidget调用QML界面，并交互(下）
源码连接：https://download.youkuaiyun.com/download/qq_35173114/10509158
转载请注明出处：https://blog.youkuaiyun.com/qq_35173114/article/details/80863081