用Qt開發Web和本地混合的應用


QtWebkit 模塊使得Qt widget能夠通過HTML的object標簽嵌入到web頁面中,並通過JavaScript代碼進行訪問,而Qt對象也能相應的訪問web頁面元素。

 

將Qt對象插入到web頁面中

首先繼承並實現QWebPluginFactory類 :

 

[cpp]  view plain  copy
 
  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頁面 中:

 

[php]  view plain  copy
 
  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代碼中加載並顯示 該頁面:

[cpp] view plain copy
 
  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對象:

 

[php] view plain copy
 
  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()函數中添加以下代碼:

 

 

[cpp]  view plain  copy
 
  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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM