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

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

QML文本控件属性的绑定

一、QML界面添加控件

qml添加文本Text:

这里比较重要的是：

text:""+MainApp.demoNum

实现了文本控件和MainApp对象中的demoNum属性的绑定

    Text {
        id:text
        x:400
        y:400
        text:""+MainApp.demoNum
        color: "#ff0000"
        font.pointSize: 50
    }

二、添加控件的绑定

1. MainApp.h中添加属性，：

Q_PROPERTY(int demoNum READ demoNum WRITE setDemoNum NOTIFY demoNumChanged)

添加int 变量demoNum，它有两个函数：读和写。以及一个响应函数demoNumChanged，当变量发生变化时，就会运行到这个函数里。

2. 添加变量的成员变量

3.添加属性对应的函数的声明和实现

MainApp.h定义3个函数：

    int demoNum() const;
    void setDemoNum(int newValue);

signals:
    void demoNumChanged(int newValue);

MainApp.cpp添加函数的是实现：

emit 告诉界面值发生了改变，会调用demoNumChanged函数，

int MainApp::demoNum() const
{
    return m_DemoNum;
}
void MainApp::setDemoNum(int newValue)
{
    if (m_DemoNum != newValue)
    {
        m_DemoNum = newValue;
        emit demoNumChanged(m_DemoNum);
    }
}

通过在testFunc()函数中，添加属性的设置：

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

也就是说 当点击按钮时，会设置属性的值增加1，当增加1的时候，会调用：

emit demoNumChanged(m_DemoNum);

发送一个信号，会使得界面刷1，但是我们并没有写界面的逻辑，这个过程时怎么发生的呢？

这就是QT框架帮我们生成了代码，我们可以生成项目

会生成一个moc_MainApp.cp文件：

在这里加一个断点：

F5调试运行程序可以发现在这里会走到这个文件里面，实现界面的动态显示。

三、总结

• 本文使用QML控件属性和C++对象的最基本的绑定过程 。
• 如果觉得文章对你有用处，记得 点赞 收藏 转发 一波哦~

? 往期优质文章分享

• 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实战开发视频播放器-12QML文本控件属性的绑定`