Skip to content
Snippets Groups Projects
Commit 21a5993b authored by Leena Miettinen's avatar Leena Miettinen
Browse files

Doc: changes to the Qt Quick project wizards


Update all screen shots.

Change-Id: I3250dba678bc641fdaf767cbabf7f471e63bab3a
Reviewed-by: default avatarThomas Hartmann <Thomas.Hartmann@nokia.com>
parent 48e31312
No related branches found
No related tags found
No related merge requests found
Showing
with 30 additions and 60 deletions
doc/images/qmldesigner-import-project.png

16.4 KiB | W: | H:

doc/images/qmldesigner-import-project.png

8.58 KiB | W: | H:

doc/images/qmldesigner-import-project.png
doc/images/qmldesigner-import-project.png
doc/images/qmldesigner-import-project.png
doc/images/qmldesigner-import-project.png
  • 2-up
  • Swipe
  • Onion skin
doc/images/qmldesigner-new-app-project-mobile-options.png

9.22 KiB | W: | H:

doc/images/qmldesigner-new-app-project-mobile-options.png

5.28 KiB | W: | H:

doc/images/qmldesigner-new-app-project-mobile-options.png
doc/images/qmldesigner-new-app-project-mobile-options.png
doc/images/qmldesigner-new-app-project-mobile-options.png
doc/images/qmldesigner-new-app-project-mobile-options.png
  • 2-up
  • Swipe
  • Onion skin
doc/images/qmldesigner-new-project-harmattan-options.png

6.46 KiB

doc/images/qmldesigner-new-project-location.png

12.6 KiB | W: | H:

doc/images/qmldesigner-new-project-location.png

6.55 KiB | W: | H:

doc/images/qmldesigner-new-project-location.png
doc/images/qmldesigner-new-project-location.png
doc/images/qmldesigner-new-project-location.png
doc/images/qmldesigner-new-project-location.png
  • 2-up
  • Swipe
  • Onion skin
doc/images/qmldesigner-new-project-qt-versions.png

15.3 KiB | W: | H:

doc/images/qmldesigner-new-project-qt-versions.png

7.28 KiB | W: | H:

doc/images/qmldesigner-new-project-qt-versions.png
doc/images/qmldesigner-new-project-qt-versions.png
doc/images/qmldesigner-new-project-qt-versions.png
doc/images/qmldesigner-new-project-qt-versions.png
  • 2-up
  • Swipe
  • Onion skin
doc/images/qmldesigner-new-project-summary.png

16.8 KiB | W: | H:

doc/images/qmldesigner-new-project-summary.png

13.4 KiB | W: | H:

doc/images/qmldesigner-new-project-summary.png
doc/images/qmldesigner-new-project-summary.png
doc/images/qmldesigner-new-project-summary.png
doc/images/qmldesigner-new-project-summary.png
  • 2-up
  • Swipe
  • Onion skin
doc/images/qmldesigner-new-project-symbian-options.png

11.7 KiB | W: | H:

doc/images/qmldesigner-new-project-symbian-options.png

6.36 KiB | W: | H:

doc/images/qmldesigner-new-project-symbian-options.png
doc/images/qmldesigner-new-project-symbian-options.png
doc/images/qmldesigner-new-project-symbian-options.png
doc/images/qmldesigner-new-project-symbian-options.png
  • 2-up
  • Swipe
  • Onion skin
doc/images/qmldesigner-new-project.png

32 KiB | W: | H:

doc/images/qmldesigner-new-project.png

19.8 KiB | W: | H:

doc/images/qmldesigner-new-project.png
doc/images/qmldesigner-new-project.png
doc/images/qmldesigner-new-project.png
doc/images/qmldesigner-new-project.png
  • 2-up
  • Swipe
  • Onion skin
doc/images/qmldesigner-new-ui-project-location.png

10.3 KiB | W: | H:

doc/images/qmldesigner-new-ui-project-location.png

6.66 KiB | W: | H:

doc/images/qmldesigner-new-ui-project-location.png
doc/images/qmldesigner-new-ui-project-location.png
doc/images/qmldesigner-new-ui-project-location.png
doc/images/qmldesigner-new-ui-project-location.png
  • 2-up
  • Swipe
  • Onion skin
doc/images/qmldesigner-new-ui-project-summary.png

10.7 KiB | W: | H:

doc/images/qmldesigner-new-ui-project-summary.png

6.69 KiB | W: | H:

doc/images/qmldesigner-new-ui-project-summary.png
doc/images/qmldesigner-new-ui-project-summary.png
doc/images/qmldesigner-new-ui-project-summary.png
doc/images/qmldesigner-new-ui-project-summary.png
  • 2-up
  • Swipe
  • Onion skin
doc/images/qtcreator-new-qt-quick-project-wizard.png

19.6 KiB | W: | H:

doc/images/qtcreator-new-qt-quick-project-wizard.png

19.6 KiB | W: | H:

doc/images/qtcreator-new-qt-quick-project-wizard.png
doc/images/qtcreator-new-qt-quick-project-wizard.png
doc/images/qtcreator-new-qt-quick-project-wizard.png
doc/images/qtcreator-new-qt-quick-project-wizard.png
  • 2-up
  • Swipe
  • Onion skin
...@@ -44,9 +44,13 @@ ...@@ -44,9 +44,13 @@
\o \gui {Qt Quick Application} creates a Qt Quick application project \o \gui {Qt Quick Application} creates a Qt Quick application project
that can contain both QML and C++ code. The project includes a that can contain both QML and C++ code. The project includes a
QDeclarativeView. You can build the application and deploy it on QDeclarativeView. You can build the application and deploy it on
desktop and mobile target platforms. For example, you desktop and mobile target platforms.
can create signed Symbian Installation System (SIS) packages for
this type of projects. You can select a template that uses either the built-in QML elements
or Qt Quick components for a particular platform. The built-in QML
elements enable you to create cross-platform applications with a
custom look and feel, whereas the components provide the look and
feel for a particular platform.
\o \gui {Qt Quick UI} creates a Qt Quick UI project with a single QML \o \gui {Qt Quick UI} creates a Qt Quick UI project with a single QML
file that contains the main view. You can review Qt Quick UI file that contains the main view. You can review Qt Quick UI
...@@ -54,16 +58,18 @@ ...@@ -54,16 +58,18 @@
need to have the development environment installed on your need to have the development environment installed on your
computer to create and run this type of projects. computer to create and run this type of projects.
\o \gui {Custom QML Extension Plugin} creates a C++ plugin that makes \o \gui {Qt Quick Application (from Existing QML File)} converts
existing QML applications to Qt Quick application projects. This
enables you to run them from \QC and to deploy them to mobile
devices.
\o \gui {Custom QML Extension Plugin} (in the \gui Libraries category)
creates a C++ plugin that makes
it possible to offer extensions that can be loaded dynamically into it possible to offer extensions that can be loaded dynamically into
applications by using the QDeclarativeEngine class. applications by using the QDeclarativeEngine class.
\endlist \endlist
If you have existing QML applications that you want to run in \QC or deploy
to mobile devices, use the \gui {Qt Quick Application} wizard to convert
them to Qt Quick applications.
\if defined(qcmanual) \if defined(qcmanual)
\note Qt 4.7.3 supports Qt Quick 1.0 and Qt 4.7.4 supports Qt Quick 1.1. The \note Qt 4.7.3 supports Qt Quick 1.0 and Qt 4.7.4 supports Qt Quick 1.1. The
application wizards import Qt Quick 1.1, and therefore, you can use them application wizards import Qt Quick 1.1, and therefore, you can use them
...@@ -78,7 +84,7 @@ ...@@ -78,7 +84,7 @@
\list 1 \list 1
\o Select \gui {File > New File or Project > Qt Quick Project > \o Select \gui {File > New File or Project > Applications >
Qt Quick UI > Choose}. Qt Quick UI > Choose}.
The \gui{Introduction and Project Location} dialog opens. The \gui{Introduction and Project Location} dialog opens.
...@@ -128,8 +134,14 @@ ...@@ -128,8 +134,14 @@
\list 1 \list 1
\o Select \gui {File > New File or Project > Qt Quick Project > \o Select \gui {File > New File or Project > Applications >
Qt Quick Application > Choose}. Qt Quick Application (Built-in Elements) > Choose}.
\note We recommend that you use the \gui {Qt Quick Application for
MeeGo Harmattan} template when you develop for MeeGo Harmattan
devices and the \gui {Qt Quick Application for Symbian} template
when you develop for Symbian devices that support Qt 4.7.4, or
later.
The \gui{Introduction and Project Location} dialog opens. The \gui{Introduction and Project Location} dialog opens.
...@@ -144,23 +156,6 @@ ...@@ -144,23 +156,6 @@
For example, \c {C:\Qt\examples}. To select the path from a For example, \c {C:\Qt\examples}. To select the path from a
directory tree, click \gui Browse. directory tree, click \gui Browse.
\o Click \gui{Next}.
The \gui {Application Type} dialog opens.
\image qmldesigner-new-project-qml-sources.png "Application Type dialog"
\o Select the Qt Quick Component Set to use in your application. The
built-in elements allow you to write cross-platform applications
with custom look and feel. The components for a mobile platform
allow you to create applications with a native look and feel for
that platform.
\note We recommend that you use \gui {Qt Quick Components for
MeeGo Harmattan} when you develop for MeeGo Harmattan devices.
You can also import an existing QML file in this dialog.
\o Click \gui{Next}. \o Click \gui{Next}.
The \gui {Target Setup} dialog opens. The \gui {Target Setup} dialog opens.
...@@ -203,9 +198,9 @@ ...@@ -203,9 +198,9 @@
\o Click \gui Next. \o Click \gui Next.
The \gui {Maemo Specific} dialog opens. The \gui {Harmattan Specific} dialog opens.
\image qmldesigner-new-project-maemo-options.png "Maemo Specific dialog" \image qmldesigner-new-project-harmattan-options.png "Harmattan Specific dialog"
\o In the \gui {Application icon} field, select the application \o In the \gui {Application icon} field, select the application
icon to use on Maemo or Harmattan targets, or use the default icon. icon to use on Maemo or Harmattan targets, or use the default icon.
...@@ -230,38 +225,13 @@ ...@@ -230,38 +225,13 @@
\section1 Importing QML Applications \section1 Importing QML Applications
If you have existing QML applications that you want to run in \QC or deploy If you have existing QML applications that you want to run in \QC or deploy
to mobile devices, use the \gui {Qt Quick Application} wizard and select the to mobile devices, select the \gui {Qt Quick Application (from Existing QML
main .qml file in your project. All the other files in the project are File)} template to import the main .qml file in your project.
automatically added to the application project.
To import QML applications:
\list 1
\o Select \gui {File > New File or Project > Qt Quick Project >
Qt Quick Application > Choose}.
\o Name the project and set its path, and then click \gui Next.
\o In the \gui {Application Type} dialog, select the \gui {Use an
existing .qml file} option and specify the main .qml file of the
project you want to import.
\image qmldesigner-import-project.png "Application Type dialog"
\o Click \gui Next.
\o Select the Qt versions to use as build targets for your project, \image qmldesigner-import-project.png "Select Existing QML File dialog"
and click \gui{Next}.
\o Specify options for deploying the application to mobile device
targets, and click \gui{Next}.
\o Review the project settings, and click \gui{Finish} to create the
project.
\endlist
All the other files in the project are automatically added to the
application project.
\QC adds references to the QML files to a project and creates the additional \QC adds references to the QML files to a project and creates the additional
files necessary for deploying applications to mobile devices. files necessary for deploying applications to mobile devices.
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment