Porting iPhone Web Apps to Qt using QtWebKit
hamishwillee
(Talk | contribs) m (Remove Qt for Maemo and Qt for Symbian categories (only need specifier if there is some platform specific behaviour)) |
m (made image size small) |
||
| Line 110: | Line 110: | ||
Here is one ported iPhone web app screen snap. | Here is one ported iPhone web app screen snap. | ||
| − | [[File:IphoneWebApp.jpg]] | + | [[File:IphoneWebApp.jpg|320x440px]] |
Revision as of 20:42, 30 April 2011
Article Metadata
Tested with
Devices(s): Nokia 5800, N900
Compatibility
Platform(s): S60, Symbian^3, Maemo
Article
Keywords: Web, WebKit, HTML, QWebView, JavaScript
Created: (14 Nov 2010)
Last edited: chintandave_er
(30 Apr 2011)
Contents |
Overview
This Wiki Article shows how to port iPhone Web Apps to Qt using QtWebkit
Install the Nokia Qt SDK
Install Nokia Qt SDK if you don’t already have it from here.
Main Class
#include <QtGui/QApplication>
#include "webapp.h"
int main(int argc, char *argv[])
{
QApplication a(argc, argv);
WebApp w;
w.showFullScreen();
return a.exec();
}
Header
#ifndef WEBAPP_H
#define WEBAPP_H
#include <QtCore/QPointer>
#include <QtWebKit/QWebView>
#include <QtWebKit/QWebPage>
#include <QtWebKit/QWebFrame>
#include <QtGui/QWidget>
#include <QtGui/QApplication>
#include <QtGui/QMainWindow>
#include <QtGui/QFrame>
#include <QtGui/QVBoxLayout>
class WebApp : public QMainWindow
{
Q_OBJECT
public:
WebApp(QWidget *parent = 0);
~WebApp();
private:
QPointer<QWebView> _webView;
QPointer<QVBoxLayout> _layout;
void SetupApp();
};
#endif // WEBAPP_H
Source
#include "webapp.h"
WebApp::WebApp(QWidget *parent)
: QMainWindow(parent)
{
SetupApp();
}
WebApp::~WebApp()
{
}
void WebApp::SetupApp()
{
/**
* Create the central widget
* and set it.
*/
QFrame* cW = new QFrame(this);
setCentralWidget(cW);
/**
* Set the layout to central widget.
*/
_layout = new QVBoxLayout(this);
cW->setLayout(_layout);
_layout->setMargin(0);
_layout->setSpacing(0);
/**
* Let's create the web view which
* will be used to display our page.
*/
_webView = new QWebView(this);
// Add your iPhone Web App URL to display in Qt App
_webView->load(QUrl("http://URL"));
_webView->show();
/** Add it to layout */
_layout->addWidget(_webView);
}
Postcondition
Here is one ported iPhone web app screen snap.
Source Code
You can download source code from this link File:WebApp.zip

