×
Namespaces

Variants
Actions
(Difference between revisions)

Porting Qt Quick Application to Meego Harmattan Qt Quick Application

From Nokia Developer Wiki
Jump to: navigation, search
hamishwillee (Talk | contribs)
m (Hamishwillee - Bot fixing redirect link.)
hamishwillee (Talk | contribs)
m (Text replace - "<code cpp>" to "<code cpp-qt>")
 
(4 intermediate revisions by one user not shown)
Line 1: Line 1:
[[Category:Qt Quick]][[Category:MeeGo]][[Category:Porting]][[Category:Qt]][[Category:MeeGo 1.2 Harmattan]]
+
[[Category:Qt Quick]][[Category:MeeGo Harmattan]][[Category:Porting]][[Category:Qt]]
{{Abstract|This article explains how to port your Qt Quick application to MeeGo Harmattan Qt Quick application using Qt SDK Qt SDK 1.1.3.}}  
+
{{Abstract|This article explains how to port your Qt Quick application to MeeGo Qt Quick application.}}  
  
{{ArticleMetaData
+
{{ArticleMetaData <!-- v1.2 -->
 +
|sourcecode= <!-- Link to example source code e.g. [[Media:The Code Example ZIP.zip]] -->
 +
|installfile= <!-- Link to installation file (e.g. [[Media:The Installation File.sis]]) -->
 
|devices= Nokia N950 Developer Device, N9
 
|devices= Nokia N950 Developer Device, N9
 
|sdk= [http://www.developer.nokia.com/info/sw.nokia.com/id/da8df288-e615-443d-be5c-00c8a72435f8/Qt_SDK.html Qt SDK 1.1.3]
 
|sdk= [http://www.developer.nokia.com/info/sw.nokia.com/id/da8df288-e615-443d-be5c-00c8a72435f8/Qt_SDK.html Qt SDK 1.1.3]
|platform= MeeGo Harmattan  
+
|platform= MeeGo Harmattan
 +
|devicecompatability= <!-- Compatible devices e.g.: All* (must have internal GPS) -->
 +
|dependencies= <!-- Any other/external dependencies e.g.: Google Maps Api v1.0 -->
 +
|signing= <!-- Signing requirements - empty or one of: Self-Signed, DevCert, Manufacturer -->
 +
|capabilities= <!-- Capabilities required by the article/code example (e.g. Location, NetworkServices. -->
 
|keywords= Porting
 
|keywords= Porting
|creationdate= 24-09-2011
+
|language= <!-- Language category code for non-English topics - e.g. Lang-Chinese -->
|author= [[User:chintandave_er]]
+
|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= 20110924
 +
|author= [[User:Chintandave er]]
 
}}
 
}}
  
== Introduction ==
 
This wiki article demonstrates how to port your Qt Quick application to MeeGo Harmattan Qt Quick application using Qt SDK Qt SDK 1.1.3.
 
 
== Preconditions ==
 
You have installed Qt SDK 1.1.3 in your workstation to create any MeeGo Harmattan application. You can download it from this [http://www.developer.nokia.com/info/sw.nokia.com/id/da8df288-e615-443d-be5c-00c8a72435f8/Qt_SDK.html link]
 
  
 
== How to ==
 
== How to ==
To port you application you just need to follow below step using Qt SDK 1.1.3. Its very easy with Qt SDK 1.1.3. In this article, I will port my WaterBubble Qt Quick Game to MeeGo. You can get more details about my game '''''Water Bubble''''' on this [[http://www.developer.nokia.com/Community/Wiki/WaterBubble_Game_Using_Qt_Quick|wiki]].  
+
To port you application you just need to follow below step using Qt SDK 1.1.3. Its very easy with Qt SDK 1.1.3. In this article, I will port my WaterBubble Qt Quick Game to MeeGo. You can get more details about my game ''Water Bubble'' on this [[WaterBubble Game Using Qt Quick]].  
  
==='''1. Create New Qt Quick Application Project'''===
+
=== Create New Qt Quick Application Project===
  
 
- Go to File > New File or Project > Qt Quick Project Template > Qt Quick Application.  
 
- Go to File > New File or Project > Qt Quick Project Template > Qt Quick Application.  
  
[[File:Ss1_porting.png|520x340px]]
+
[[File:Ss1 porting.png|520x340px]]
  
==='''2. Select Qt Quick Application Type'''===
+
=== Select Qt Quick Application Type===
  
 
- Select Qt Quick Application type "Built in Elements Only (For all Platform)"
 
- Select Qt Quick Application type "Built in Elements Only (For all Platform)"
  
[[File:Ss2_porting.png]]
+
[[File:Ss2 porting.png]]
  
==='''3. Select Target Harmattan '''===
+
=== Select Target Harmattan ===
  
 
- Select Target Harmattan as in screenshot.
 
- Select Target Harmattan as in screenshot.
  
[[File:Ss3_porting.png|620x380px]]
+
[[File:Ss3 porting.png|620x380px]]
  
==='''4. Select Application Icon'''===
+
=== Select Application Icon===
  
 
- Select appropriate application icon having size 80x80.
 
- Select appropriate application icon having size 80x80.
  
[[File:Ss4_porting.png]]
+
[[File:Ss4 porting.png]]
  
==='''5. Replace your QML file'''===
+
=== Replace your QML file===
  
 
- Now you can see the Qt Quick application created with sample main.qml in it.  
 
- Now you can see the Qt Quick application created with sample main.qml in it.  
  
[[File:Ss5_porting.png]]
+
[[File:Ss5 porting.png]]
  
 
- Replace your Qt Quick application's QML file as it was in your old Qt Quick application. Delete the sample main QML file.  
 
- Replace your Qt Quick application's QML file as it was in your old Qt Quick application. Delete the sample main QML file.  
  
[[File:Ss6_porting.png]]
+
[[File:Ss6 porting.png]]
  
But dont forget to change the starting qml file name in Source >> Main.cpp file.
+
But don't forget to change the starting qml file name in Source >> Main.cpp file.
 
   
 
   
<code cpp>
+
<code cpp-qt>
 
+
 
#include <QtGui/QApplication>  
 
#include <QtGui/QApplication>  
 
#include "qmlapplicationviewer.h"
 
#include "qmlapplicationviewer.h"
Line 72: Line 80:
  
  
==='''6. Start MeeGo Emulator'''===
+
=== Start MeeGo Emulator ===
  
- To start MeeGo Emulator on Qt SDK 1.1.3 , click on Left Bottom Button as seen on Screenshot. Before start it is look like in screenshot with small green start button on it.
+
- To start MeeGo Emulator on Qt SDK 1.1.3, click on Left Bottom Button as seen on Screenshot. Before start it is look like in screenshot with small green start button on it.
  
[[File:Ss7_porting.png]]
+
[[File:Ss7 porting.png]]
  
 
After click on it, you can see the MeeGo Emulator is starting as seen in screenshot below.
 
After click on it, you can see the MeeGo Emulator is starting as seen in screenshot below.
  
[[File:Ss8_porting.png|520x340px]]
+
[[File:Ss8 porting.png|520x340px]]
  
 
Once it fully start you can see the MeeGo various application icon.
 
Once it fully start you can see the MeeGo various application icon.
  
[[File:Ss9_porting.png|520x340px]]
+
[[File:Ss9 porting.png|520x340px]]
  
==='''7. Run the Project'''===
+
=== Run the Project===
  
- Run your project, by click on Run button. You can see your application running on MeeGo Emulator and you can see your application icon after kill the running process or exit the application as below.
+
- Run your project, by clicking on the '''Run''' button. You can see your application running on MeeGo Emulator and you can see your application icon after kill the running process or exit the application as below.
  
[[File:Ss10_porting.png|340x520px]]
+
[[File:Ss10 porting.png|340x520px]]
  
==='''8. Application running on Emulator'''===
+
=== Application running on Emulator===
  
 
- You can see your Qt Quick application running on MeeGo Emulator.
 
- You can see your Qt Quick application running on MeeGo Emulator.
  
[[File:Ss11_porting.png|520x340px]]
+
[[File:Ss11 porting.png|520x340px]]
  
[[File:Ss12_porting.png|520x340px]]
+
[[File:Ss12 porting.png|520x340px]]
  
==='''9. Find Package .deb file''' ===
+
=== Find Package .deb file ===
  
 
- Get the package .deb file with version number in name (in my case waterbubble_0.0.1_armel.deb) in Application Folder.
 
- Get the package .deb file with version number in name (in my case waterbubble_0.0.1_armel.deb) in Application Folder.
 
That will use as setup file for MeeGo Harmattan Platform.
 
That will use as setup file for MeeGo Harmattan Platform.
  
[[File:Ss13_porting.png]]
+
[[File:Ss13 porting.png]]
 +
 
 +
== Qt Quick Application Running on Nokia N950 ==
  
== Qt Quick Application Running on Nokia N950 ==
 
 
You can see the Qt Quick application running on N950 MeeGo developer device after installing waterbubble_0.0.1_armel.deb file in screenshot below.  
 
You can see the Qt Quick application running on N950 MeeGo developer device after installing waterbubble_0.0.1_armel.deb file in screenshot below.  
  
[[File:Ss14_porting.png|520x340px]]
+
[[File:Ss14 porting.png|520x340px]]
  
 
== Summary ==
 
== Summary ==
 
Porting Qt quick app to MeeGo is very easy using Qt SDK 1.1.3.
 
Porting Qt quick app to MeeGo is very easy using Qt SDK 1.1.3.

Latest revision as of 04:18, 11 October 2012

This article explains how to port your Qt Quick application to MeeGo Qt Quick application.

Article Metadata
Tested with
Devices(s): Nokia N950 Developer Device, N9
Compatibility
Platform(s): MeeGo Harmattan
Article
Keywords: Porting
Created: chintandave_er (24 Sep 2011)
Last edited: hamishwillee (11 Oct 2012)


Contents

[edit] How to

To port you application you just need to follow below step using Qt SDK 1.1.3. Its very easy with Qt SDK 1.1.3. In this article, I will port my WaterBubble Qt Quick Game to MeeGo. You can get more details about my game Water Bubble on this WaterBubble Game Using Qt Quick.

[edit] Create New Qt Quick Application Project

- Go to File > New File or Project > Qt Quick Project Template > Qt Quick Application.

Ss1 porting.png

[edit] Select Qt Quick Application Type

- Select Qt Quick Application type "Built in Elements Only (For all Platform)"

Ss2 porting.png

[edit] Select Target Harmattan

- Select Target Harmattan as in screenshot.

Ss3 porting.png

[edit] Select Application Icon

- Select appropriate application icon having size 80x80.

Ss4 porting.png

[edit] Replace your QML file

- Now you can see the Qt Quick application created with sample main.qml in it.

Ss5 porting.png

- Replace your Qt Quick application's QML file as it was in your old Qt Quick application. Delete the sample main QML file.

Ss6 porting.png

But don't forget to change the starting qml file name in Source >> Main.cpp file.

#include <QtGui/QApplication> 
#include "qmlapplicationviewer.h"
int main(int argc, char *argv[])
{
QApplication app(argc, argv);
QmlApplicationViewer viewer;
viewer.setOrientation(QmlApplicationViewer::ScreenOrientationLockLandscape);
viewer.setMainQmlFile(QLatin1String("qml/waterbubble/Waterbubble.qml"));
viewer.showExpanded();
return app.exec();
}


[edit] Start MeeGo Emulator

- To start MeeGo Emulator on Qt SDK 1.1.3, click on Left Bottom Button as seen on Screenshot. Before start it is look like in screenshot with small green start button on it.

Ss7 porting.png

After click on it, you can see the MeeGo Emulator is starting as seen in screenshot below.

Ss8 porting.png

Once it fully start you can see the MeeGo various application icon.

Ss9 porting.png

[edit] Run the Project

- Run your project, by clicking on the Run button. You can see your application running on MeeGo Emulator and you can see your application icon after kill the running process or exit the application as below.

Ss10 porting.png

[edit] Application running on Emulator

- You can see your Qt Quick application running on MeeGo Emulator.

Ss11 porting.png

Ss12 porting.png

[edit] Find Package .deb file

- Get the package .deb file with version number in name (in my case waterbubble_0.0.1_armel.deb) in Application Folder. That will use as setup file for MeeGo Harmattan Platform.

Ss13 porting.png

[edit] Qt Quick Application Running on Nokia N950

You can see the Qt Quick application running on N950 MeeGo developer device after installing waterbubble_0.0.1_armel.deb file in screenshot below.

Ss14 porting.png

[edit] Summary

Porting Qt quick app to MeeGo is very easy using Qt SDK 1.1.3.

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