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

时间：2021-08-23 09:09:13

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

将Qt对象插入到web页面中

首先继承并实现QWebPluginFactory类 ：

  1. class MyPlugin: public QWebPluginFactory
  2. {
  3. Q_OBJECT
  4. public:
  5. MyPlugin(QObject* parent = 0);
  6. // 当QtWebkit模块解析到HTML中的object标签时被调用
  7. virtual QObject* create(const QString& mimeType,
  8. const QUrl& url,
  9. const QStringList& argumentNames,
  10. const QStringList& argumentValues) const;
  11. // 返回该factory支持的plugin
  12. virtual QList<Plugin> plugins() const;
  13. };
  14. MyPlugin::MyPlugin(QObject* parent)
  15. : QWebPluginFactory(parent)
  16. {
  17. // do nothing
  18. }
  19. QObject* MyPlugin::create(const QString& mimeType,
  20. const QUrl& url,
  21. const QStringList& argumentNames,
  22. const QStringList& argumentValues) const
  23. {
  24. QLabel* label = new QLabel(url.toString());
  25. return label;
  26. }
  27. QList MyPlugin::plugins() const
  28. {
  29. QList list;
  30. QWebPluginFactory::Plugin entry;
  31. entry.name = "plugin名";
  32. entry.description = "描述";
  33. list.push_back(entry);
  34. return list;
  35. }

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

  1. <html>
  2. <head><title>test</title></head>
  3. <body>
  4. <object type="application/zxz-plugin" data="http://blog.csdn.net/zhu_xz" width="200" height="100"  id="myLabel"></object>
  5. </body>
  6. </html>

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

  1. QWebView view;  
  2. view.settings()->setAttribute(QWebSettings::PluginsEnabled, true);  
  3. view.page()->setPluginFactory(new MyPlugin);  
  4. view.load(QUrl("test.html"));  
  5. 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对象：

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

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

  1. // myPlugin指向的对象可在HTML中用名字myPluginObject进行访问
  2. webView->page()->mainFrame()->addToJavaScriptWindowObject("myPluginObject", myPlugin);
  3. // 当信号signalEmitted被触发时，调用JavaScript的functionToCall函数
  4. webView->page()->mainFrame()->evaluateJavaScript("myPluginObject.signalEmitted.connect(functionToCall);");
 
 http://blog.csdn.net/zhu_xz/article/details/5072596

相关文章