×
Namespaces

Variants
Actions
(Difference between revisions)

Porting iPhone Web Apps to Qt using QtWebKit

From Nokia Developer Wiki
Jump to: navigation, search
chintandave_er (Talk | contribs)
m (add category code example)
hamishwillee (Talk | contribs)
m (Text replace - "<code cpp>" to "<code cpp-qt>")
 
(8 intermediate revisions by 2 users not shown)
Line 1: Line 1:
[[Category:Porting]][[Category:Qt]][[Category:Qt for Maemo]][[Category:Qt for Symbian]]
+
[[Category:Porting]][[Category:Code Examples]][[Category:iPhone]][[Category:Qt WebKit]][[Category:Qt]]
[[Category:Code Examples]]
+
{{ArticleMetaData <!-- v1.2 -->
[[Category:iPhone]]
+
|sourcecode= [[Media:WebApp.zip]]
 
+
|installfile= <!-- Link to installation file (e.g. [[Media:The Installation File.sis]]) -->
{{KBCS}}
+
|devices= Nokia 5800, N900
{{CodeSnippet
+
|sdk= <!-- SDK(s) built and tested against (e.g. [http://linktosdkdownload/ Nokia Qt SDK 1.1]) -->
|id=
+
 
|platform= S60, Symbian^3, Maemo
 
|platform= S60, Symbian^3, Maemo
|devices=Nokia 5800, N900 
+
|devicecompatability= <!-- Compatible devices (e.g.: All* (must have GPS) ) -->
|category=Qt
+
|dependencies= <!-- Any other/external dependencies e.g.: Google Maps Api v1.0 -->
|subcategory= Qt for Symbian , Qt for Maemo
+
|signing= <!-- Empty or one of Self-Signed, DevCert, Manufacturer -->
 +
|capabilities= <!-- Capabilities required by the article/code example (e.g. Location, NetworkServices. -->
 +
|keywords= Web, WebKit, HTML, QWebView, JavaScript
 +
|language= <!-- Language category code for non-English topics - e.g. Lang-Chinese -->
 +
|translated-by= <!-- [[User:XXXX]] -->
 +
|translated-from-title= <!-- Title only -->
 +
|translated-from-id= <!-- Id of translated revision -->
 +
|review-by= <!-- After re-review: [[User:username]] -->
 +
|review-timestamp= <!-- After re-review: YYYYMMDD -->
 +
|update-by= <!-- After significant update: [[User:username]]-->
 +
|update-timestamp= <!-- After significant update: YYYYMMDD -->
 
|creationdate= 14 November 2010
 
|creationdate= 14 November 2010
|keywords= Web, WebKit, HTML, QWebView, JavaScript
+
|author= [[User:Chintandave er]]
 +
<!-- The following are not in current metadata -->
 +
|subcategory= Qt, Qt for Maemo
 
}}
 
}}
  
Line 18: Line 29:
  
 
== Install the Nokia Qt SDK ==
 
== Install the Nokia Qt SDK ==
Install Nokia Qt SDK if you don’t already have it from [http://www.forum.nokia.com/info/sw.nokia.com/id/e920da1a-5b18-42df-82c3-907413e525fb/Nokia_Qt_SDK.html here].
+
Install Nokia Qt SDK if you don’t already have it from [http://www.developer.nokia.com/info/sw.nokia.com/id/e920da1a-5b18-42df-82c3-907413e525fb/Nokia_Qt_SDK.html here].
  
 
== Main Class ==
 
== Main Class ==
  
<code cpp>
+
<code cpp-qt>
 
#include <QtGui/QApplication>
 
#include <QtGui/QApplication>
 
#include "webapp.h"
 
#include "webapp.h"
Line 41: Line 52:
 
==Header==
 
==Header==
  
<code cpp>
+
<code cpp-qt>
 
#ifndef WEBAPP_H
 
#ifndef WEBAPP_H
 
#define WEBAPP_H
 
#define WEBAPP_H
Line 71: Line 82:
 
==Source==
 
==Source==
  
<code cpp>
+
<code cpp-qt>
 
#include "webapp.h"
 
#include "webapp.h"
 
WebApp::WebApp(QWidget *parent)
 
WebApp::WebApp(QWidget *parent)
Line 113: Line 124:
 
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]]
  
  

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.
102 page views in the last 30 days.

Was this page helpful?

Your feedback about this content is important. Let us know what you think.

 

Thank you!

We appreciate your feedback.

×