在QT里面，我們可以很方便地調(diào)用QtWebKit類庫，來實現(xiàn)一個瀏覽器的開發(fā)
基于Html的界面在開發(fā)效率，可移植性上都十分有優(yōu)勢，所以也被很多程序采用，只是我們平時沒注意到而已
下面先說一下，如何創(chuàng)建一個簡易的瀏覽器
通過VS2008+QTSDK，創(chuàng)建一個qt4 GUI工程:
記住，一定要選上QtWebKit和QNetwork(這個后面要用到)...
寫如下一段代碼，一個瀏覽器就做成了:
main.cpp
1
#include <QtGui/QApplication>
2#include <QWebView>
3#include <QMainWindow>
4
5int main(int argc, char *argv[])
6
{
7
QApplication a(argc, argv);
8 QMainWindow window;
9 QWebView view(&window);
10 view.setGeometry(0, 0, 600, 400);
11 view.setUrl(QUrl("http://www.shnenglu.com/boymaster"));
12 window.show();
13 return a.exec();
14
}
15 QWebView有兩種方法可以用來設定要顯示的內(nèi)容，一個是setUrl方法，一個是setContent方法。 這個很簡單，試一下就會，不多說了
進入正題了，接下來介紹一下，如何實現(xiàn)js與C++的雙向調(diào)用
這里，僅介紹開發(fā)中用到的一種調(diào)用方式， 用QWebFrame的addToJavaScriptWindowObject方法
個人比較推薦這種方式，易為理解~~~
1. JS如何調(diào)用C++函數(shù)，詳見代碼~~~
myobject.h
1#ifndef MYOBJECT_H
2#define MYOBJECT_H
3
4#include<QObject>
5#include<QWebPage>
6#include<QWebFrame>
7
8// !! ATTENTION !! : The object do NOT need to inherit from QWidget anymore.
9class MyObject :public QObject {
10 Q_OBJECT
11private:
12 QWebPage *page;
13public:
14
MyObject(QWebPage *page) : page(page) { }
15public slots:
16 void func(QString arg) {
17 this->page->mainFrame()->evaluateJavaScript("document.body.innerHTML += '" + arg + "';");
18
}
19};
20
21#endif // MYOBJECT_H
22
main.cpp
1#include <QtGui/QApplication>
2#include <QMainWindow>
3#include <QWebView>
4#include <QWebPage>
5#include <QWebFrame>
6#include "MyObject.h"
7
8int main(int argc, char *argv[])
9{
10 QApplication a(argc, argv);
11 QMainWindow window;
12 QWebView view(&window);
13 QWebPage page;
14 view.setPage(&page);
15 view.setGeometry(0, 0, 600, 400);
16 MyObject obj(&page);
17 page.mainFrame()->addToJavaScriptWindowObject("qt", &obj);
18 QString content("<script>function f() { qt.func('http://www.shnenglu.com/boymaster'); }</script>");
19 content += "<a href='javascript:f()'>Click Me</a>";
20 view.setContent(content.toAscii());
21 window.show();
22
23 return a.exec();
24}
25 這樣，當點擊頁面上的"Click Me"，script腳本用會調(diào)用到C++中的func函數(shù)~~~
2.C++調(diào)用JS腳本
myobject.h
1class MyObject :public QObject {
2 Q_OBJECT
3
4private:
5 QWebPage *page;
6 QTimer *timer;
7
8public:
9 MyObject(QWebPage *page) : page(page) {
10 timer = new QTimer;
11 connect(timer, SIGNAL(timeout()), this, SLOT(slotTimerOut()));
12 timer->start(1000);
13 }
14
15signals:
16 void signalObjTimerOut();
17
18private slots:
19 void connectSlots() {
20 page->mainFrame()->evaluateJavaScript("DevObject.signalDevObjTimerOut.connect(f);");
21 }
22
23 void slotTimerOut() {
24 emit signalObjTimerOut();
25 }
26};
27
28#endif // MYOBJECT_H main.cpp
1int main(int argc, char *argv[])
2{
3 QApplication a(argc, argv);
4 QMainWindow window;
5 QWebView view(&window);
6 QWebPage page;
7 view.setPage(&page);
8 view.setGeometry(0, 0, 600, 400);
9 MyObject obj(&page);
10 QObject::connect(&view, SIGNAL(loadFinished(bool)), &obj, SLOT(connectSlots()));
11 page.mainFrame()->addToJavaScriptWindowObject("qt", &obj);
12 QString content("<SCRIPT>function f() { document.body.innerHTML += 'http://www.shnenglu.com/boymaster'; }</SCRIPT>");
13 view.setContent(content.toAscii());
14 window.show();
15 return a.exec();
16}
17 這樣，頁面加載后，C++的Timer每隔1秒就會調(diào)用到JS的f()函數(shù)
posted on 2012-11-09 10:45
雙魚座的程序員 閱讀(455)
評論(0) 編輯 收藏 引用 所屬分類:
Qt/C++