×
Namespaces

Variants
Actions
(Difference between revisions)

Porting iPhone Web Apps to Qt using QtWebKit

From Nokia Developer Wiki
Jump to: navigation, search
hamishwillee (Talk | contribs)
m (Hamishwillee - Bot update - Merge KB into wiki)
hamishwillee (Talk | contribs)
m (Text replace - "<code cpp>" to "<code cpp-qt>")
 
(One intermediate revision by one user not shown)
Line 1: Line 1:
 
[[Category:Porting]][[Category:Code Examples]][[Category:iPhone]][[Category:Qt WebKit]][[Category:Qt]]
 
[[Category:Porting]][[Category:Code Examples]][[Category:iPhone]][[Category:Qt WebKit]][[Category:Qt]]
 
{{ArticleMetaData <!-- v1.2 -->
 
{{ArticleMetaData <!-- v1.2 -->
|sourcecode= [[Media:WebApp.zip]]  
+
|sourcecode= [[Media:WebApp.zip]]
 
|installfile= <!-- Link to installation file (e.g. [[Media:The Installation File.sis]]) -->
 
|installfile= <!-- Link to installation file (e.g. [[Media:The Installation File.sis]]) -->
 
|devices= Nokia 5800, N900
 
|devices= Nokia 5800, N900
Line 33: Line 33:
 
== Main Class ==
 
== Main Class ==
  
<code cpp>
+
<code cpp-qt>
 
#include <QtGui/QApplication>
 
#include <QtGui/QApplication>
 
#include "webapp.h"
 
#include "webapp.h"
Line 52: Line 52:
 
==Header==
 
==Header==
  
<code cpp>
+
<code cpp-qt>
 
#ifndef WEBAPP_H
 
#ifndef WEBAPP_H
 
#define WEBAPP_H
 
#define WEBAPP_H
Line 82: Line 82:
 
==Source==
 
==Source==
  
<code cpp>
+
<code cpp-qt>
 
#include "webapp.h"
 
#include "webapp.h"
 
WebApp::WebApp(QWidget *parent)
 
WebApp::WebApp(QWidget *parent)

Latest revision as of 04:18, 11 October 2012

Article Metadata
Code Example
Source file: Media:WebApp.zip
Tested with
Devices(s): Nokia 5800, N900
Compatibility
Platform(s): S60, Symbian^3, Maemo
Article
Keywords: Web, WebKit, HTML, QWebView, JavaScript
Created: chintandave_er (14 Nov 2010)
Last edited: hamishwillee (11 Oct 2012)

Contents

[edit] Overview

This Wiki Article shows how to port iPhone Web Apps to Qt using QtWebkit

[edit] Install the Nokia Qt SDK

Install Nokia Qt SDK if you don’t already have it from here.

[edit] 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();
}


[edit] 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


[edit] 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);
}

[edit] Postcondition

Here is one ported iPhone web app screen snap.

IphoneWebApp.jpg


[edit] Source Code

You can download source code from this link File:WebApp.zip

This page was last modified on 11 October 2012, at 04:18.
59 page views in the last 30 days.