Doc: use Qt Quick Application template in the tutorial

Task-number: https://bugreports.qt.nokia.com/browse/QTCREATORBUG-5707
Change-Id: I3b6ae9dec8d65bfbf2eeeadf21da6f4a363c0a4c
Reviewed-on: http://codereview.qt.nokia.com/3489
Reviewed-by: Qt Sanity Bot <qt_sanity_bot@ovi.com>
Reviewed-by: Kai Koehne <kai.koehne@nokia.com>
This commit is contained in:
Leena Miettinen
2011-08-24 12:48:45 +02:00
parent f06a0798cc
commit ab88ee2b3c
8 changed files with 13 additions and 16 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 84 KiB

After

Width:  |  Height:  |  Size: 90 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 60 KiB

After

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 62 KiB

After

Width:  |  Height:  |  Size: 60 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 96 KiB

After

Width:  |  Height:  |  Size: 63 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 51 KiB

After

Width:  |  Height:  |  Size: 55 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 45 KiB

After

Width:  |  Height:  |  Size: 46 KiB

View File

@@ -6585,16 +6585,19 @@
\image qmldesigner-tutorial.png "States and transitions example"
For more information about using \QMLD, see
\l{Developing Qt Quick Applications}.
\section1 Creating the Project
\list 1
\o Select \gui{File > New File or Project > Qt Quick Project > Qt Quick UI >
Choose}.
\o Select \gui{File > New File or Project > Qt Quick Project > Qt Quick
Application > Choose}.
\o Follow the instructions of the wizard to create a project called Transitions.
\o Press \key {Ctrl+R} to run the application in the QML Viewer.
\o Press \key {Ctrl+R} to run the application.
\endlist
@@ -6616,7 +6619,7 @@
\list 1
\o In the \gui Projects view, double-click the main .qml file (Transitions.qml)
\o In the \gui Projects view, double-click the main.qml file
to open it in the code editor.
\o Click \gui Design to open the file in \QMLD.
@@ -6634,7 +6637,7 @@
\o In the \gui Id field, enter \e page, to be able to reference the rectangle
from other places.
\o In the \gui Colors tab, \gui Rectangle field, set the color to #343434.
\o In the \gui Colors group, \gui Rectangle field, set the color to #343434.
\endlist
@@ -6665,13 +6668,13 @@
\o In the \gui Size field, set \gui W and \gui H to 64, for the rectangle size
to match the image size.
\o In the \gui Colors tab, \gui Rectangle field, click the
\o In the \gui Colors group, \gui Rectangle field, click the
\inlineimage qmldesigner-transparent-button.png
button to make the rectangle transparent.
\o In the \gui Border field, set the border color to #808080.
\o In the \gui Rectangle tab, \gui Border field, set the border width to
\o In the \gui Rectangle group, \gui Border field, set the border width to
1.
\note If the \gui Border field does not appear after you set the border
@@ -6769,7 +6772,7 @@
\o Press \key {Ctrl+S} to save the changes.
\o Press \key {Ctrl+R} to run the application in the QML Viewer.
\o Press \key {Ctrl+R} to run the application.
\endlist
@@ -6803,7 +6806,7 @@
\note When you set the expressions, drag and drop is disabled for
the icon in \QMLD.
\o Press \key {Ctrl+R} to run the application in the QML Viewer.
\o Press \key {Ctrl+R} to run the application.
\endlist
@@ -6853,18 +6856,12 @@
\snippet snippets/qml/list-of-transitions.qml default transition
\o Press \key {Ctrl+R} to run the application in the QML Viewer.
\o Press \key {Ctrl+R} to run the application.
\endlist
Click the rectangles to view the animated transitions.
\section1 Deploying the Application to Mobile Devices
To deploy the application to mobile devices, use the \gui {Qt Quick Application} wizard
to convert it into a Qt Quick application. For more information, see
\l{Importing QML Applications}.
*/