×
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 update - Fix Article Metadata and other minor issues)
hamishwillee (Talk | contribs)
m (Hamishwillee - Tidy wiki text)
Line 1: Line 1:
 
[[Category:Qt Quick]][[Category:MeeGo]][[Category:Porting]][[Category:Qt]][[Category:MeeGo 1.2 Harmattan]]
 
[[Category:Qt Quick]][[Category:MeeGo]][[Category:Porting]][[Category:Qt]][[Category:MeeGo 1.2 Harmattan]]
{{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 <!-- v1.2 -->
 
{{ArticleMetaData <!-- v1.2 -->
Line 25: Line 25:
 
}}
 
}}
  
== 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.  
Line 40: Line 35:
 
[[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)"
Line 46: Line 41:
 
[[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.
Line 52: Line 47:
 
[[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.
Line 58: Line 53:
 
[[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.  
Line 68: Line 63:
 
[[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>
 
 
#include <QtGui/QApplication>  
 
#include <QtGui/QApplication>  
 
#include "qmlapplicationviewer.h"
 
#include "qmlapplicationviewer.h"
Line 86: 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.
Line 100: Line 94:
 
[[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.
Line 114: Line 108:
 
[[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.
Line 121: Line 115:
 
[[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.  
  

Revision as of 08:23, 22 February 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 (22 Feb 2012)


Contents

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.

Create New Qt Quick Application Project

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

Ss1 porting.png

Select Qt Quick Application Type

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

Ss2 porting.png

Select Target Harmattan

- Select Target Harmattan as in screenshot.

Ss3 porting.png

Select Application Icon

- Select appropriate application icon having size 80x80.

Ss4 porting.png

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


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

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

Application running on Emulator

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

Ss11 porting.png

Ss12 porting.png

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

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

Summary

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

72 page views in the last 30 days.
×