QML嵌入到QWidget中方法

水深无声 2022-07-15 23:18 249阅读 0赞

## 简介 ##

嵌入方法有两种一种是直接拖控件，另一种是cpp代码动态生成，

### 控件方式 ###

![这里写图片描述][20160923113704609]

### 动态代码生成 ###

QQuickWidget *m_quickWidget=new QQuickWidget();
        QUrl source("qrc:/ui/dynamic.qml");
        m_quickWidget->setResizeMode(QQuickWidget::SizeRootObjectToView );
        m_quickWidget->setSource(source);
        ui->dynamicQmlEmber->addWidget(m_quickWidget);

### 注意 ###

编译过程可能出现无法解析的外部符号或者找不到quickwidgets插件的错误，在pro文件中添加  
QT += quickwidgets 就好了

### 效果图 ###

![这里写图片描述][20160923113846264]

### 工程下载地址 ###

[qmlwithqwidget][]

### 弃用方式 ###

QQuickView view;
       view.setSource(QUrl("qrc:///main.qml"));
       QWidget *container = QWidget::createWindowContainer(&view);
    
       QHBoxLayout *layout = new QHBoxLayout;
       layout->setSpacing(10);
       layout->setAlignment(Qt::AlignHCenter);
       layout->setContentsMargins(1, 1, 1, 1);
       parent->setStyleSheet("background:QColor(200,100,150);");
    
       layout->addWidget(container);
    
       parent->setLayout(layout);

[20160923113704609]: /images/20220716/416a71bb4f12440e86b0a051da9604f0.png
[20160923113846264]: /images/20220716/2a0f833aee964ea6a66d7206f07f12e9.png
[qmlwithqwidget]: https://github.com/CodeBees/qtExample/tree/master/qmlwithqwidget

发表评论取消回复

表情：

评论列表（有 0 条评论，249人围观）

还没有评论，来说两句吧...

相关阅读

相关 Qt第十六章：QWidget与QML混合开发

目录一、Qml作为窗口引入二、Qml作为控件引入（Qml根组件不能是window）三、两个问题①Qml文件如何调用python函数②python代码如何控制Qml元

以你之姓@/ 2024年04月01日 14:39/ 0 赞/ 112 阅读

相关将 libVLC 视频渲染到 QWidget 中

![format_png][] 在用 libVLC 播放视频时，会默认显示一个 Direct3D output 窗口。这个窗口不太美观，而且也没办法做一些定制，所以在绝大多数

心已赠人/ 2023年07月18日 04:59/ 0 赞/ 110 阅读

相关 QWidgets 与 Qml 相互嵌入方法，以及其中的一些坑

【写在前面】有时候，当我们接手一个老项目( 也可能不老-.- )时，会碰上这些情况： 1、老项目使用 QWidgets，想要部分或全部迁移到 Qml。 2、老项目使

Dear 丶/ 2022年10月16日 13:21/ 0 赞/ 975 阅读

相关 QWidget中嵌入win32 window

主要用到QWindow::fromWinId和QWidget::createWindowContainer这两个函数 QWindow::fromWinId用来创建一个win3

ゞ浴缸里的玫瑰/ 2022年09月25日 14:28/ 0 赞/ 160 阅读

相关 flex嵌入到html和html嵌入到flex

flex嵌入到html：用swfobject,下载的.js地址：[http://www.adobe.com/devnet/activecontent/articles/

Myth丶恋晨/ 2022年07月28日 06:14/ 0 赞/ 211 阅读

相关 QML嵌入到QWidget中方法

简介嵌入方法有两种一种是直接拖控件，另一种是cpp代码动态生成，控件方式 ![这里写图片描述][20160923113704609] 动态代码生成

水深无声/ 2022年07月15日 23:18/ 0 赞/ 250 阅读

相关 Qt:QML 在嵌入式linux下环境变量设置

设置环境变量在~/.bashrc 中添加以下 export QTDIR=/usr export QT_QPA_FONTDIR=$QTDIR/lib/f

青旅半醒/ 2022年06月16日 00:41/ 0 赞/ 772 阅读

相关 Qt中Qml和相互嵌入

[在Qt Gui程序中嵌入qml界面][Qt Gui_qml] [QWidget嵌入QML窗口中][QWidget_QML] [Qt Gui_qml]: https:/

素颜马尾好姑娘i/ 2022年05月17日 22:12/ 0 赞/ 243 阅读

相关 Qt中QWidget、QDialog和QMainWindow

> QWidget 类是所有用户界面对象的基类。只有一个“页面” > QMainWindow 是一个“窗口”。含有菜单栏、状态栏、工具栏、停靠窗口、中心窗口 > QDi

╰半夏微凉°/ 2022年05月16日 00:11/ 0 赞/ 213 阅读

相关 Qwidget::update

void QWidget::update ()分析重绘事件激活 1看看手册中这段话 void QWidget::update () \[slot\] Updates t

喜欢ヅ旅行/ 2021年12月11日 21:09/ 0 赞/ 204 阅读