作者：虚坏叔叔
博客：https://xuhss.com

早餐店不会开到晚上，想吃的人早就来了！?

一、main.qml编写脚本建立界面布局

为了简化项目的讲解，这里提供了一个小的项目demo，基于这个demo，带大家理解qml最基本的使用和项目绑定。

链接：https://pan.baidu.com/s/1MPikpz4MuL-GSMADeazSkg
提取码：i4uf

main.qml中创建布局

import QtQuick 2.9
import QtQuick.Window 2.2
import QtQuick.Controls 2.2
import com.imooc.myplayer 1.0

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    Button {
        id:demoNum
        x:236
        y:144
        text:qsTr("Click Me")
        onClicked: {
            MainApp.testFunc()
        }
    }

二、Mainapp类响应按钮点击

Mainapp类绑定testFunc方法，响应button的点击

MainApp.h添加方法定义：

public:
    // For QML invokable function(s)
    Q_INVOKABLE void testFunc();

MainApp.cpp添加方法的实现

void MainApp::testFunc()
{
    qDebug()<<"MainApp::testFunc()";
    setDemoNum(demoNum() + 1);
}

三、用软件来渲染图像，防止硬件渲染导致程序崩溃

注意， 在main.cpp中，需要

用软件来渲染图像，防止硬件渲染导致程序崩溃

int main(int argc, char *argv[])
{
    // 用软件来渲染图像，防止硬件渲染导致程序崩溃
    QQuickWindow::setSceneGraphBackend(QSGRendererInterface::Software);

运行程序可以看到，当点击按钮时，在输出窗口，输出了调试内容：

四、总结

• 本文讲解了QML中最基本的使用和项目绑定。和web中的JavaScript非常类似的一种方式。
• 如果觉得文章对你有用处，记得 点赞 收藏 转发 一波哦，博主也支持为铁粉丝制作专属动态壁纸哦~

? 往期优质文章分享

• C++ QT结合FFmpeg实战开发视频播放器-01环境的安装和项目部署
• 解决QT问题：运行qmake：Project ERROR: Cannot run compiler ‘cl‘. Output:
• 解决安装QT后MSVC2015 64bit配置无编译器和调试器问题
• Qt中的套件提示no complier set in kit和no debugger，出现黄色感叹号问题解决（MSVC2017）
• Python+selenium 自动化 - 实现自动导入、上传外部文件（不弹出windows窗口）

? 优质教程分享 ?

• ?如果感觉文章看完了不过瘾，可以来我的其他 专栏 看一下哦~
• ?比如以下几个专栏：Python实战微信订餐小程序、Python量化交易实战、C++ QT实战类项目 和 算法学习专栏
• ?可以学习更多的关于C++/Python的相关内容哦！直接点击下面颜色字体就可以跳转啦！

? 资料白嫖，温馨提示 ?

关注下面卡片即刻获取更多编程知识，包括各种语言学习资料，上千套PPT模板和各种小程序、Web、客户端项目源码等等资料。更多内容可自行查看哦！

转载请注明：xuhss » C++ QT结合FFmpeg实战开发视频播放器-10qml的最基本使用和项目绑定