qml与HTML数据交互,GitHub - toby20130333/QtQuickHtmlBridge: 基于QtQuick的C++,qml,Html三者的Bridge交互...

基于QtQuick的C++,qml,Html三者的Bridge交互

主要功能

自定义C++对象并注册到QML

可以在QML中继续扩展C++对象的属性和方法信号等

将C++对象注入到WebChannel

Html中引入C++对象

JavaScript与C++直接交互

示例代码说明

main.cpp:

//该实例必须直接继承自Object的 QWidget的忽略

qmlRegisterType("DDuiObejct",1,0,"DDQmlObejct");

qml:

//需要将这个对象注册到channel里面

DDQmlObejct{

id: myObject

// the identifier under which this object

// will be known on the JavaScript side

// signals, methods and properties are

// accessible to JavaScript code

WebChannel.id: "DDCore" //这个id可在html中使用

//qml中继续扩展信号

signal someSignal(string message);

//监听C++的信号

onSignalSendToQml: {

messageId.append(message);

}

//自定义函数

function someMethod(message) {

console.log(message);

someSignal(message);

slotShowMessage(message)

return "someMethod:"+message;

}

//扩展的函数可以定义很多函数

function getThisFilePath(filepath){

var d = getFileContents(filepath);

someMethod(d);

return d

}

//扩展属性

property string hello: "world"

}

===========以下为webengineview的实例和WebChannel的实例===============

//需要注册一个WebChannel对象

WebChannel{

id:changedId

registeredObjects:[myObject]//可以将多个对象注册到这里

}

//主web界面

WebEngineView {

id:webview

anchors.left: parent.left

anchors.top: parent.top

width: parent.width/2

anchors.bottom: parent.bottom

url: "qrc:/chatRecord.html"

webChannel:changedId//指定该对象的沟通桥梁WebChannel

}

有问题反馈

在使用中有任何问题，欢迎反馈给我，可以用以下联系方式跟我交流

QQ: 373955953

QQ群:312125701

github: @寒山-居士

关于作者

var duoduozhijiao = {

nickName : "寒山-居士",

site : "http://www.heilqt.com",

blog : "http://blog.heilqt.com"

}

qml与HTML数据交互,GitHub - toby20130333/QtQuickHtmlBridge: 基于QtQuick的C++,qml,Html三者的Bridge交互...相关推荐

GitHub热榜第一：中国博士用 ArcGIS Dashboard开发可交互全球疫情地图，登上《柳叶刀》！...
点上方蓝字计算机视觉联盟获取更多干货在右上方 ··· 设为星标 ★,与你不见不散编辑:Sophia 计算机视觉联盟报道 | 公众号 CVLianMeng AI博士笔记系列推荐: 博士笔记 | ...
QtQuick 中的 qml 与 Qt 的 C++
QtQuick 可以使用内置的 JavaScript 引擎加载相应的 JS 代码,使用起来特别方便. 在 Qt 中使用 C++ 开发底层,QtQuick 用来加载.处理图像,然后使用 Qt 提供的接口 ...
数据可视化（三）基于 Graphviz 实现程序化绘图
2019独角兽企业重金招聘Python工程师标准>>> 前言我之前在几篇文章新一代Ntopng网络流量监控-可视化和架构分析. 数据可视化(一)思维利器 OmniGraffle 绘 ...
基于html5的数据可视化实现方法研究,基于HTML5的数据可视化实现方法研究
信息科技 Information Technology 基于HTML5的数据可视化实现方法研究高科同济大学电子与信息学院,上海 201804摘要 HTML5的出现,为数据可视化提供了新的实现方法.本 ...
QML入门教程：一、QML和QtQuick简介以及QML实例
从 Qt 4.7 开始,Qt 引入了一种声明式脚本语言,称为 QML(Qt Meta Language 或者 Qt Modeling Language),作为 C++ 语言的一种替代.而 Qt Qui ...
北理工计科小学期Qt聊天室：WeTalk——基于云服务器与QML前端的多人广域网即时聊天软件
文章目录请到github仓库或者百度云下载项目概述效果架构需求分析运行环境项目设计我们这个项目在同一届中算做的很好的了,之所以没有做到最好,是因为有两个技术点没有实现: 服务器多线程并 ...
让智能交互更加个性化：基于用户的交互设计技术的研究
作者:禅与计算机程序设计艺术 <5. 让智能交互更加个性化:基于用户的交互设计技术的研究> 引言 5G 通信技术的发展,人工智能技术的普及,以及人们对个性化需求不断提高,让智能交互变得更加 ...
R语言数据热力图绘制实战（基于原生R函数、ggplot2包、plotly包）
R语言数据热力图绘制实战(基于原生R函数.ggplot2包.plotly包) 目录 R语言数据热力图绘制实战(基于原生R函数.ggplot2包.plotly包)
FrameWork数据权限浅析4之基于多维度配置表实现行级数据安全
FrameWork数据权限浅析4之基于多维度配置表实现行级数据安全日子过得好苦逼,我过的很好,只是缺少￥.时间在变,而问题始终未变,你解不解决它都在那里一动不动.不知不觉已经发现手机的中央,电脑的右 ...

qml与HTML数据交互,GitHub - toby20130333/QtQuickHtmlBridge: 基于QtQuick的C++,qml,Html三者的Bridge交互...

qml与HTML数据交互,GitHub - toby20130333/QtQuickHtmlBridge: 基于QtQuick的C++,qml,Html三者的Bridge交互...相关推荐

最新文章

热门文章