• 用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
  • 相关阅读:
    list 集合工具类
    Java获取当前系统时间的前N小时时间
    注意点
    小bug
    Linux常用命令
    MySql的执行计划
    【解决问题】引入.vmx文件后,xshell连接Could not connect to ‘192.168.211.132‘ (port 22): Connection failed
    星涛:javaEE学习路线一览
    Vue响应式原理
    Java操作Xml文件
  • 原文地址:https://www.cnblogs.com/findumars/p/5313445.html
Copyright © 2020-2023  润新知