How to use qt quick components for symbian: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
[[Category:Developing_with_Qt::Qt Quick]]<br />[toc align_right= | [[Category:Developing_with_Qt::Qt Quick]]<br />[toc align_right="yes" depth="3"] | ||
= Using Qt Quick Component for Symbian = | = Using Qt Quick Component for Symbian = | ||
In June 6, 2011, exciting news was released: Qt Quick components are available to the public finally. As the | In June 6, 2011, exciting news was released: Qt Quick components are available to the public finally. As the "announcer":http://labs.qt.nokia.com/2011/07/06/ready-made-ui-building-blocks-at-your-service-qt-quick-components-for-symbian-and-meego-1-2-harmattan mentioned, Qt Quick components help to create a fresh and modern UX with added productivity. This is the first introduction of "real" Qt Quick mobile UI elements to the public. | ||
In this article, we will introduce how to use the Qt Quick Components for Symbian: the set of components for application development using the latest Symbian user interface design. | In this article, we will introduce how to use the Qt Quick Components for Symbian: the set of components for application development using the latest Symbian user interface design. | ||
| Line 11: | Line 11: | ||
Please note that Qt Quick components are still under experimental; you can get the experimental package in any of the following ways: | Please note that Qt Quick components are still under experimental; you can get the experimental package in any of the following ways: | ||
"Qt Lab":http://labs.qt.nokia.com/2011/07/06/ready-made-ui-building-blocks-at-your-service-qt-quick-components-for-symbian-and-meego-1-2-harmattan/ has mentioned the following ways to get Qt Quick components for Symbian: | |||
'''''' If you have Qt SDK 1.1 installed, open Qt SDK’s Maintenance tool in Qt Creator ( Help | Start Updater ) and find from “Package Manager” a “Qt Quick components for Symbian” update under “Experimental” category. Once you have updated successfully, the Qt SDK's maintenance tool will look as follows:<br />[[Image:http://farm7.static.flickr.com/6146/5921081523_a8a05925ce.jpg|http://farm7.static.flickr.com/6146/5921081523_a8a05925ce.jpg]] | '''''' If you have Qt SDK 1.1 installed, open Qt SDK’s Maintenance tool in Qt Creator ( Help | Start Updater ) and find from “Package Manager” a “Qt Quick components for Symbian” update under “Experimental” category. Once you have updated successfully, the Qt SDK's maintenance tool will look as follows:<br />[[Image:http://farm7.static.flickr.com/6146/5921081523_a8a05925ce.jpg|http://farm7.static.flickr.com/6146/5921081523_a8a05925ce.jpg]] | ||
'''''' If you don’t have Qt SDK installed yet, find an | '''''' If you don’t have Qt SDK installed yet, find an "online installer":http://qt.nokia.com/downloads and remember to select “Custom installation” and ”Qt Quick components for Symbian” under “Experimental”. | ||
== Import Qt Quick components example == | == Import Qt Quick components example == | ||
After the succesful installation of Qt Quick components, let's see what it will looks like! Open the example located at | After the succesful installation of Qt Quick components, let's see what it will looks like! Open the example located at <code>$QTDIR\Examples\4.7\qt-components</code> take "gallery" as an example, open the gallery.pro for the Qt quick component example project, and swich to the creator designer, you will see how beautiful the Qt quick components look: | ||
[[Image:http://farm7.static.flickr.com/6004/5921079179_17e5c14654.jpg|http://farm7.static.flickr.com/6004/5921079179_17e5c14654.jpg]]<br />''The component palette in Qt Quick Designer'' | [[Image:http://farm7.static.flickr.com/6004/5921079179_17e5c14654.jpg|http://farm7.static.flickr.com/6004/5921079179_17e5c14654.jpg]]<br />''The component palette in Qt Quick Designer'' | ||
| Line 27: | Line 27: | ||
== Running and deploying == | == Running and deploying == | ||
You can run this example in qt Simulator (see the following pic) or deploy it in a Symbian device.<br />Hint : if you get complaints that there is no simulator for Qt4.7.3 then you can start the emulator yourself by double clicking on | You can run this example in qt Simulator (see the following pic) or deploy it in a Symbian device.<br />Hint : if you get complaints that there is no simulator for Qt4.7.3 then you can start the emulator yourself by double clicking on <code>C:.exe.</code> | ||
[[Image:http://farm7.static.flickr.com/6028/5921079185_498e86a5fc_z.jpg|http://farm7.static.flickr.com/6028/5921079185_498e86a5fc_z.jpg]]<br />''Look and feel of the gallery example in running Qt simulator'' | [[Image:http://farm7.static.flickr.com/6028/5921079185_498e86a5fc_z.jpg|http://farm7.static.flickr.com/6028/5921079185_498e86a5fc_z.jpg]]<br />''Look and feel of the gallery example in running Qt simulator'' | ||
Revision as of 14:17, 24 February 2015
[toc align_right="yes" depth="3"]
Using Qt Quick Component for Symbian
In June 6, 2011, exciting news was released: Qt Quick components are available to the public finally. As the "announcer":http://labs.qt.nokia.com/2011/07/06/ready-made-ui-building-blocks-at-your-service-qt-quick-components-for-symbian-and-meego-1-2-harmattan mentioned, Qt Quick components help to create a fresh and modern UX with added productivity. This is the first introduction of "real" Qt Quick mobile UI elements to the public.
In this article, we will introduce how to use the Qt Quick Components for Symbian: the set of components for application development using the latest Symbian user interface design.
Obtain the Qt Quick components for Symbian
Please note that Qt Quick components are still under experimental; you can get the experimental package in any of the following ways:
"Qt Lab":http://labs.qt.nokia.com/2011/07/06/ready-made-ui-building-blocks-at-your-service-qt-quick-components-for-symbian-and-meego-1-2-harmattan/ has mentioned the following ways to get Qt Quick components for Symbian:
' If you have Qt SDK 1.1 installed, open Qt SDK’s Maintenance tool in Qt Creator ( Help | Start Updater ) and find from “Package Manager” a “Qt Quick components for Symbian” update under “Experimental” category. Once you have updated successfully, the Qt SDK's maintenance tool will look as follows:
http://farm7.static.flickr.com/6146/5921081523_a8a05925ce.jpg
' If you don’t have Qt SDK installed yet, find an "online installer":http://qt.nokia.com/downloads and remember to select “Custom installation” and ”Qt Quick components for Symbian” under “Experimental”.
Import Qt Quick components example
After the succesful installation of Qt Quick components, let's see what it will looks like! Open the example located at
$QTDIR\Examples\4.7\qt-components
take "gallery" as an example, open the gallery.pro for the Qt quick component example project, and swich to the creator designer, you will see how beautiful the Qt quick components look:
http://farm7.static.flickr.com/6004/5921079179_17e5c14654.jpg
The component palette in Qt Quick Designer
http://farm7.static.flickr.com/6123/5921079183_2634596653_z.jpg
Looks and feel of the gallery example in Qt Quick Designer
Running and deploying
You can run this example in qt Simulator (see the following pic) or deploy it in a Symbian device.
Hint : if you get complaints that there is no simulator for Qt4.7.3 then you can start the emulator yourself by double clicking on
C:.exe.
http://farm7.static.flickr.com/6028/5921079185_498e86a5fc_z.jpg
Look and feel of the gallery example in running Qt simulator
