How to use qt quick components for symbian: Difference between revisions

From Qt Wiki
Jump to navigation Jump to search
No edit summary
 
(Simplify punctuation)
 
(7 intermediate revisions by 2 users not shown)
Line 1: Line 1:
=Using Qt Quick Component for Symbian=
{{Outdated|reason=The Symbian platform is no longer supported.}}
{{Cleanup | reason=Auto-imported from ExpressionEngine.}}


In June 6, 2011, exciting news was released: Qt Quick components are available to the public finally. As the [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 announcer] ''[labs.qt.nokia.com]'' 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.
[[Category:Developing_with_Qt::Qt Quick]]
 
= 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 [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 announcer] 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.


==Obtain the Qt Quick components for Symbian==
== 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:
Please note that Qt Quick components are still under experimental; you can get the experimental package in any of the following ways:


[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/ Qt Lab] ''[labs.qt.nokia.com]'' has mentioned the following ways to get Qt Quick components for Symbian:
[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/ Qt Lab] has mentioned the following ways to get Qt Quick components for Symbian:
 
* If you have Qt <span class="caps">SDK</span> 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 <span class="caps">SDK</span>’s maintenance tool will look as follows:<br />[[Image:5921081523_a8a05925ce.jpg]]
 
* If you don’t have Qt <span class="caps">SDK</span> installed yet, find an [http://qt.nokia.com/downloads online installer] ''[qt.nokia.com]'' and remember to select “Custom installation” and ”Qt Quick components for Symbian” under “Experimental”.


==Import Qt Quick components example==
'''''' 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:
[[Image:http://farm7.static.flickr.com/6146/5921081523_a8a05925ce.jpg|http://farm7.static.flickr.com/6146/5921081523_a8a05925ce.jpg]]


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:
'''''' If you don't have Qt SDK installed yet, find an [http://qt.nokia.com/downloads online installer] and remember to select "Custom installation" and "Qt Quick components for Symbian" under "Experimental".


[[Image:5921079179_17e5c14654.jpg]]<br />''The component palette in Qt Quick Designer''
== Import Qt Quick components example ==


[[Image:5921079183_2634596653_z.jpg]]<br />''Looks and feel of the gallery example in Qt Quick Designer''
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:


==Running and deploying==
[[Image:http://farm7.static.flickr.com/6004/5921079179_17e5c14654.jpg|http://farm7.static.flickr.com/6004/5921079179_17e5c14654.jpg]]
''The component palette in Qt Quick Designer''


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:\QtSDK\Simulator\Application\simulator.exe.</code>
[[Image:http://farm7.static.flickr.com/6123/5921079183_2634596653_z.jpg|http://farm7.static.flickr.com/6123/5921079183_2634596653_z.jpg]]
''Looks and feel of the gallery example in Qt Quick Designer''


[[Image:5921079185_498e86a5fc_z.jpg]]<br />''Look and feel of the gallery example in running Qt simulator''
== Running and deploying ==


===Categories:===
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 <code>C:.exe.</code>


* [[:Category:Developing with Qt|Developing_with_Qt]]
[[Image:http://farm7.static.flickr.com/6028/5921079185_498e86a5fc_z.jpg|http://farm7.static.flickr.com/6028/5921079185_498e86a5fc_z.jpg]]
** [[:Category:Developing with Qt::Qt Quick|Qt_Quick]]
''Look and feel of the gallery example in running Qt simulator''

Latest revision as of 13:21, 23 August 2015

IMPORTANT: The content of this page is outdated. Reason: The Symbian platform is no longer supported.
If you have checked or updated this page and found the content to be suitable, please remove this notice.
This article may require cleanup to meet the Qt Wiki's quality standards. Reason: Auto-imported from ExpressionEngine.
Please improve this article if you can. Remove the {{cleanup}} tag and add this page to Updated pages list after it's clean.

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 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 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 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

Retrieved from "https://wiki.qt.io/index.php?title=How_to_use_qt_quick_components_for_symbian&oldid=19244"