Porting Qt Quick Application to Meego Harmattan Qt Quick Application
m (Chintandave er - re-sizing the image) |
m (Chintandave er -) |
||
| Line 20: | Line 20: | ||
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 [[http://www.developer.nokia.com/Community/Wiki/WaterBubble_Game_Using_Qt_Quick|wiki]]. | ||
| − | '''1. Create New Qt Quick Application Project''' | + | ==='''1. 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 26: | Line 26: | ||
[[File:Ss1_porting.png|520x340px]] | [[File:Ss1_porting.png|520x340px]] | ||
| − | '''2. Select Qt Quick Application Type''' | + | ==='''2. 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 32: | Line 32: | ||
[[File:Ss2_porting.png]] | [[File:Ss2_porting.png]] | ||
| − | '''3. Select Target Harmattan ''' | + | ==='''3. Select Target Harmattan '''=== |
- Select Target Harmattan as in screenshot. | - Select Target Harmattan as in screenshot. | ||
| Line 38: | Line 38: | ||
[[File:Ss3_porting.png|620x380px]] | [[File:Ss3_porting.png|620x380px]] | ||
| − | '''4. Select Application Icon''' | + | ==='''4. Select Application Icon'''=== |
- Select appropriate application icon having size 80x80. | - Select appropriate application icon having size 80x80. | ||
| Line 44: | Line 44: | ||
[[File:Ss4_porting.png]] | [[File:Ss4_porting.png]] | ||
| − | '''5. Replace your QML file''' | + | ==='''5. 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 72: | Line 72: | ||
| − | '''6. Start Meego Emulator''' | + | ==='''6. 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 86: | Line 86: | ||
[[File:Ss9_porting.png|520x340px]] | [[File:Ss9_porting.png|520x340px]] | ||
| − | '''7. Run the Project''' | + | ==='''7. 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 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. | ||
| Line 92: | Line 92: | ||
[[File:Ss10_porting.png|340x520px]] | [[File:Ss10_porting.png|340x520px]] | ||
| − | '''8. Application running on Emulator''' | + | ==='''8. 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 100: | Line 100: | ||
[[File:Ss12_porting.png|520x340px]] | [[File:Ss12_porting.png|520x340px]] | ||
| − | '''9. Find Package .deb file''' | + | ==='''9. 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 111: | Line 111: | ||
[[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 | ||
Revision as of 18:30, 24 September 2011
This article explains how to port your Qt Quick application to Meego Harmattan Qt Quick application using Qt SDK Qt SDK 1.1.3.
Article Metadata
Tested with
Compatibility
Article
Contents |
Introduction
This wiki demonstrate 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 link
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 [[1]].
1. Create New Qt Quick Application Project
- Go to File > New File or Project > Qt Quick Project Template > Qt Quick Application.
2. Select Qt Quick Application Type
- Select Qt Quick Application type "Built in Elements Only (For all Platform)"
3. Select Target Harmattan
- Select Target Harmattan as in screenshot.
4. Select Application Icon
- Select appropriate application icon having size 80x80.
5. Replace your QML file
- Now you can see the Qt Quick application created with sample main.qml in it.
- Replace your Qt Quick application's QML file as it was in your old Qt Quick application. Delete the sample main QML file.
But dont 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();
}
6. 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.
After click on it, you can see the Meego Emulator is starting as seen in screenshot below.
Once it fully start you can see the Meego various application icon.
7. 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.
8. Application running on Emulator
- You can see your Qt Quick application running on Meego Emulator.
9. 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.
Qt Quick Application Running on Nokia N950
you can see the the Qt Quick application running on N950 Meego developer device after installing waterbubble_0.0.1_armel.deb file in screenshot below.
Summary
Porting Qt quick app to Meego is very easy using Qt SDK 1.1.3
