Qt Quick快速入门之qml与C++交互
C++中使用qml对象,直接使用findChild获取qml对象,然后调用setProperty方法设置属性,当然必须在加载qml之后才能使用,不然findChild找不到对象,用法如下。
engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
QObject * text_Msg = engine.rootObjects()[]->findChild<QObject*>("text_Msg");
text_Msg->setProperty("color","red");
qml使用C++对象,这也是Qt中Model/View的实现方法,下面是一个例子。
首先,类需要继承自QObejct
class User:public QObject
{
Q_OBJECT
Q_PROPERTY(QString Name READ Name WRITE setName NOTIFY NameChanged)
Q_PROPERTY(int Age READ Age WRITE setAge NOTIFY AgeChanged)
Q_PROPERTY(QString Message READ Message WRITE setMessage NOTIFY MessageChanged)
public:
User();
User(string name,int age); QString Name();
void setName(QString name); int Age();
void setAge(int age); QString Message();
void setMessage(QString message);
signals:
void NameChanged();
void AgeChanged();
void MessageChanged();
public slots:
void editOk(); private :
QString m_name;
int m_age;
QString m_message;
};
User::User()
{
this->setName("");
this->setAge();
}
User::User(string name, int age)
{
QString q_name = QString::fromStdString(name);
this->setName(q_name);
this->setAge(age);
} QString User::Name()
{
return m_name;
}
void User::setName(QString name)
{
m_name = name;
emit NameChanged();
setMessage(QString("名称改变为:%1").arg(name));
} int User::Age()
{
return m_age;
}
void User::setAge(int age)
{
m_age = age;
emit AgeChanged();
setMessage(QString("年龄改变为:%1").arg(age));
} QString User::Message()
{
return m_message;
} void User::setMessage(QString message)
{
m_message = message;
emit MessageChanged();
}
void User::editOk()
{
setMessage("您点击了确定按钮");
}
然后,需要向qml中注册这个类,这样我们在qml中就可以导入这个类了
qmlRegisterType<User>("Models.User",,,"UserModel");
import Models.User 1.0
通常,直接将对象设置到qml对象的上下文,然后在qml中使用C++对象的属性
QQmlApplicationEngine engine;
QQmlContext* context = engine.rootContext();
User* userModel = new User("测试",);
context->setContextProperty("testUserModel",userModel);
GridLayout{
anchors.centerIn: parent
width:300
columnSpacing: 10
rowSpacing: 10
rows:4
columns:2 Item{
Layout.row: 0
Layout.column: 0
width:100
height:30
Text{
text:"Name:"
anchors.centerIn: parent
}
}
Item{
Layout.row: 0
Layout.column: 1
Layout.fillWidth: true
height:30
TextField{
anchors.verticalCenter: parent.verticalCenter
width:parent.width
height:24
id:textfield_Name
text: testUserModel.Name
onEditingFinished: {
testUserModel.Name = textfield_Name.text;
}
}
} Item{
Layout.row: 1
Layout.column: 0
width:100
height:30
Text{
text:"Age:"
anchors.centerIn: parent
}
}
Item{
Layout.row: 1
Layout.column: 1
Layout.fillWidth: true
height:30
TextField{
anchors.verticalCenter: parent.verticalCenter
width:parent.width
height:24
id:textfield_Age
text:testUserModel.Age
onEditingFinished: {
testUserModel.Age = textfield_Age.text;
}
}
} Item{
Layout.row: 2
Layout.column: 0
Layout.fillWidth: true
height: 50
Layout.columnSpan: 2
RowLayout{
anchors.centerIn: parent
Button{
id:button_OK
text:"确定"
action: button_OK_Action
onClicked:{
testUserModel.editOk();
}
}
Button{
id:button_Cancel
text:"取消"
onClicked: {
Qt.quit();
}
}
}
} Item{
Layout.row: 3
Layout.column: 0
Layout.fillWidth: true
height: 30
Layout.columnSpan: 2
Text {
id: text_Msg
objectName: "text_Msg"
text: testUserModel.Message
anchors.fill: parent
verticalAlignment: Qt.AlignVCenter
}
} }
在qml中绑定C++对象的属性时,其实是执行C++对象属性的READ方法;而设置属性时,则是执行WRITE方法;C++属性的NOTIFY方法用于属性变更通知,当我们调用该方法时(通常在前面加上emit表示这是个信号方法),qml中的属性绑定就会再次执行READ方法。
下面是效果,编辑框失去焦点时,就会设置属性,进而调用C++对象的WRITE方法,然后在WRITE方法中更新其他属性。
Qt Quick快速入门之qml与C++交互的更多相关文章
- Qt Quick快速入门之qml布局
Qml里面布局主要有两种,锚点布局.Grid布局. 锚点布局使用anchors附件属性将一个元素的边定位到另一个元素的边,从而确定元素的位置和大小.下面是示例 import QtQuick 2.3 i ...
- Qt Quick快速入门之线程基础
首先必须明确的是,Qt中的线程使用是相对复杂的,并不像C#中那么随意,特别是结合串口.网络编程等,使用时稍有不慎就会出问题,然后Qt里面经常出了问题就直接崩溃(这个真是谁用谁知道),所以如果在功能上用 ...
- Qt Quick快速入门之信号、槽
信号和槽主要用于组件之间的通信,类似于.net和java中的委托. 使用QObject::connect方法将信号与槽关联起来,然后信号的发起者发出信号,接受者中的槽函数就会执行. 比如connect ...
- [Qt Creator 快速入门] 第5章 应用程序主窗口
对于日常见到的应用程序而言,许多都是基于主窗口的,主窗口中包含了菜单栏.工具栏.状态栏和中心区域等.这一章会详细介绍主窗口的每一个部分,还会涉及资源管理.富文本处理.拖放操作和文档打印等相关内容.重点 ...
- [Qt Creator 快速入门] 第1章 Qt Creator简介
Qt Creator 是一个跨平台的.完整的 Qt 集成开发环境,其中包括了高级C++代码编辑器.项目和生成管理工具.集成的上下文相关的帮助系统.图形化调试器.代码管理和浏览工具等.这一章先对 Qt ...
- [Qt Creator 快速入门] 第2章 Qt程序编译和源码详解
一.编写 Hello World Gui程序 Hello World程序就是让应用程序显示"Hello World"字符串.这是最简单的应用,但却包含了一个应用程序的基本要素,所以 ...
- [Qt Creator 快速入门] 第0篇 开始学习Qt 与Qt Creator
Qt官方信息 Qt官网:http://qt.digia.com/ Qt开源官网:http://qt-project.org/ Qt最新版本下载:http://qt-project.org/downlo ...
- 从头学Qt Quick(2)-- QML语法从一个简单的例子说起
在上一篇文章中,我们对QtQuick做了简单的介绍,体验了使用QML语言构建一个UI的便捷.这里我们简要介绍一下QML的语法. QML将界面分成一些更小的元素,这些元素可以组成一个组件,QML语言描述 ...
- Qt 动画快速入门(一)
Qt-4.6动画Animation快速入门三字决 Qt-4.6新增了Animation Framework(动画框架),让我们能够方便的写一些生动的程序.不必像以前的版本一样,所有的控件都枯燥的呆在伟 ...
随机推荐
- django的缓存,信号,序列化
一 Django的缓存机制 1.1 缓存介绍 1.缓存的简介 在动态网站中,用户所有的请求,服务器都会去数据库中进行相应的增,删,查,改,渲染模板,执行业务逻辑,最后生成用户看到的页面. 当一个网站的 ...
- 2016.6.19——C++杂记
C++杂记 补充的小知识点: 1.while(n--)和while(--n)区别: while(n--)即使不满足也执行一次循环后跳出. while(--n)不满足直接跳出循环,不执行语句. 用cou ...
- js原生选择class DOM元素
document.querySelector(".demo"); querySelector() 方法返回匹配指定选择器的第一个元素.如果需要返回所有的元素,使用 querySel ...
- Wood Cut
Given n pieces of wood with length L[i] (integer array). Cut them into small pieces to guarantee you ...
- redhat6.5文件共享
以下操作均需要root用户 a端: 固定nfs端口 #vi /etc/sysconfig/nfs 将里面的RQUOTAD_PORT.LOCKD_TCPPORT.LOCKD_UDPPORT.MOUNTD ...
- geoserver 启动闪退
跟JDK版本有关: 比如geoserver2.11需要JDK版本为JDK1.8 windows配置两个jdk环境: 网上有方法,但如果只需要满足geoserver的话,可以只安装jdk(注意jdk和j ...
- 移动web特殊样式处理
一.高清图片 二.一像素边框 还有一种解决办法: border-1px($color) position: relative &:after display: block position: ...
- 洛谷P2312解方程
传送门 思路分析 怎么求解呢? 其实我们可以把左边的式子当成一个算式来计算,从1到 $ m $ 枚举,只要结果是0,那么当前枚举到的值就是这个等式的解了.可以通过编写一个 $ bool $ 函数来判断 ...
- java 判断字符串是否相等
判断字符串相等我们经常习惯性的写上if(str1==str2),这种写法在Java中可能会带来问题. java中判断字符串是否相等有两种方法: 1.用“==”运算符,该运算符表示指向字符串的引用是否相 ...
- 10 个优质的 Laravel 扩展推荐
这里有 10+ 个用来搭建 Laravel 应用的包 为何会创建这个包的列表?因为我是一个「比较懒」的开发者,在脸书上是多个 Laravel 小组的成员.平日遇到最多的问题就是开发是需要用那些包.我很 ...