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

zhu_xz 2009-12-25 03:37:05
转自我的博客:http://blog.csdn.net/zhu_xz/archive/2009/12/25/5072596.aspx

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

将Qt对象插入到web页面中

首先继承并实现QWebPluginFactory类
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页面中:
<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代码中加载并显示该页面:
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对象:
<a href="javascript:document.getElementById("myLabel").setText("通过JavaScript访问Qt对象");" mce_href="javascript:document.getElementById("myLabel").setText("通过JavaScript访问Qt对象");">点击访问Qt对象</a>


在Qt对象中访问web页面元素

在QWebPluginFactory::create()函数中添加以下代码:
// myPlugin指向的对象可在HTML中用名字myPluginObject进行访问  
webView->page()->mainFrame()->addToJavaScriptWindowObject("myPluginObject", myPlugin);
// 当信号signalEmitted被触发时,调用JavaScript的functionToCall函数
webView->page()->mainFrame()->evaluateJavaScript("myPluginObject.signalEmitted.connect(functionToCall);");
...全文
524 6 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
congcongwuliao 2010-12-04
  • 打赏
  • 举报
回复
怎么调试呢?
xiongdamao 2010-07-21
  • 打赏
  • 举报
回复
woyaozixuevcmfc 2009-12-25
  • 打赏
  • 举报
回复
up
woyaozixuevcmfc 2009-12-25
  • 打赏
  • 举报
回复
up
  • 打赏
  • 举报
回复
up
oldCanISoftware 2009-12-25
  • 打赏
  • 举报
回复
up

16,816

社区成员

发帖
与我相关
我的任务
社区描述
Qt 是一个跨平台应用程序框架。通过使用 Qt,您可以一次性开发应用程序和用户界面,然后将其部署到多个桌面和嵌入式操作系统,而无需重复编写源代码。
社区管理员
  • Qt
  • 亭台六七座
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧