用Qt开发Web和本地混合的应用

最新推荐文章于 2024-02-25 19:14:49 发布

Red__King

最新推荐文章于 2024-02-25 19:14:49 发布

阅读量766

点赞数

分类专栏： Qt

Qt 专栏收录该内容

5 篇文章 1 订阅

订阅专栏

QtWebkit 模块使得Qt widget能够通过HTML的object标签嵌入到web页面中，并通过JavaScript代码进行访问，而Qt对象也能相应的访问web页面元素。

将Qt对象插入到web页面中

首先继承并实现QWebPluginFactory类 ：

[cpp]view plaincopy 
   
 class MyPlugin: public QWebPluginFactory  
 {  
   Q_OBJECT  
 public:  
   MyPlugin(QObject* parent = 0);  
   // 当QtWebkit模块解析到HTML中的object标签时被调用  
   virtual QObject* create(const QString& mimeType,  
                           const QUrl& url,  
                           const QStringList& argumentNames,  
                           const QStringList& argumentValues) const;  
   // 返回该factory支持的plugin  
   virtual QList<Plugin> plugins() const;  
 };  
 MyPlugin::MyPlugin(QObject* parent)  
   : QWebPluginFactory(parent)  
 {  
   // do nothing  
 }  
 QObject* MyPlugin::create(const QString& mimeType,  
                           const QUrl& url,  
                           const QStringList& argumentNames,  
                           const QStringList& argumentValues) const  
 {  
   QLabel* label = new QLabel(url.toString());  
   return label;  
 }  
 QList MyPlugin::plugins() const  
 {  
   QList list;  
   QWebPluginFactory::Plugin entry;  
   entry.name = "plugin名";  
   entry.description = "描述";  
   list.push_back(entry);  
   return list;  
 }  

然后将其嵌入到HTML页面 中：

[php]view plaincopy 
   
 <html>  
 <head><title>test</title></head>  
 <body>  
 <object type="application/zxz-plugin" data="http://blog.csdn.net/zhu_xz" width="200" height="100"  id="myLabel"></object>  
 </body>  
 </html>  

最后，在Qt代码中加载并显示 该页面：

[cpp] view plaincopy 
   
 QWebView view;  
 view.settings()->setAttribute(QWebSettings::PluginsEnabled, true);  
 view.page()->setPluginFactory(new MyPlugin);  
 view.load(QUrl("test.html"));  
 view.show();  

这里，当QtWebkit模块解析该HTML文件，遇到object标签时，会自动调用QWebPluginFactory::create()函数，并传递以下参数：

mimeType：application/zxz-plugin

url：http://blog.csdn.net/zhu_xz

此外，还可以通过object标签的param子标签传递参数。

在web页面中访问Qt对象

在web页面中可以通过类似于下的JavaScript代码访问Qt对象：

[php] view plaincopy 
   
 <a href="javascript:document.getElementById("myLabel").setText("通过JavaScript访问Qt对象");" mce_href="javascript:document.getElementById("myLabel").setText("通过JavaScript访问Qt对象");">点击访问Qt对象</a>  

在Qt对象中访问web页面元素
在QWebPluginFactory::create()函数中添加以下代码：

[cpp]view plaincopy 
   
 // myPlugin指向的对象可在HTML中用名字myPluginObject进行访问  
 webView->page()->mainFrame()->addToJavaScriptWindowObject("myPluginObject", myPlugin);  
 // 当信号signalEmitted被触发时，调用JavaScript的functionToCall函数  
 webView->page()->mainFrame()->evaluateJavaScript("myPluginObject.signalEmitted.connect(functionToCall);");  

Red__King

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
用Qt开发Web和本地混合的应用

QtWebkit 模块使得Qt widget能够通过HTML的object标签嵌入到web页面中，并通过JavaScript代码进行访问，而Qt对象也能相应的访问web页面元素。将Qt对象插入到web页面中首先继承并实现QWebPluginFactory类：[cpp] view plaincopyclass MyP
复制链接

扫一扫