← Back to branch summary

~bzoltan/kubuntu-packaging/decouple_cmake_plugin

« back to all changes in this revision

Viewing changes to doc/src/qtquick/qtquick-app-tutorial.qdoc

  • Committer: Timo Jyrinki
  • Date: 2013-12-02 09:16:15 UTC
  • mfrom: (1.1.29)
  • Revision ID: timo.jyrinki@canonical.com-20131202091615-xbj1os1f604ber1m
New upstream release candidate.

Show diffs side-by-side

added added

removed removed

Lines of Context:
doc/src/qtquick/qtquick-app-tutorial.qdoc
31
31
    \title Creating a Qt Quick Application
32
32
 
33
33
    This tutorial uses built-in QML types and illustrates basic concepts of
34
 
    \l {http://qt-project.org/doc/qt-5.0/qtquick/qtquick-index.html}{Qt Quick}.
 
34
    \l{Qt Quick}.
35
35
 
36
36
    This tutorial describes how to use \QC to implement Qt states and transitions. We use
37
 
    \l{http://qt-project.org/doc/qt-5.0/qtquick/animation.html}{Qt example code} to
 
37
    \l{Animation}{Qt example code} to
38
38
    create an application that displays a Qt logo that moves between three rectangles on the
39
39
    page when you click them.
40
40
 
48
48
    \list 1
49
49
 
50
50
        \li Select \gui{File > New File or Project > Applications >
51
 
            Qt Quick 2 Application (Built-in Types) > Choose}.
52
 
 
53
 
            \note The QML types used in this example are also supported in Qt Quick 1. To create
54
 
            this example application for platforms that run Qt 4, select \gui {Qt Quick 1
55
 
            Application (Built-in Types)}.
 
51
            Qt Quick Application > Choose}.
56
52
 
57
53
        \li In the \gui{Name} field, type \b {Transitions}.
58
54
 
60
56
            For example, \c {C:\Qt\examples}, and then click \gui{Next} (on
61
57
            Windows and Linux) or \gui Continue (on Mac OS).
62
58
 
 
59
        \li In the \gui {Qt Quick component set} field, select
 
60
            \gui {Qt Quick 2.0}.
 
61
 
 
62
            \note The QML types used in this example are also supported in
 
63
            Qt Quick 1.1. To create this example application for platforms that
 
64
            run Qt 4, select \gui {Qt Quick 1.1}.
 
65
 
63
66
        \li Select \l{glossary-buildandrun-kit}{kits} for running and building your project,
64
67
            and then click \gui{Next}.
65
68
 
114
117
            \li In the \gui Id field, enter \e page, to be able to reference the
115
118
                rectangle from other places.
116
119
 
117
 
            \li In the \gui Colors group, \gui Rectangle field, set the color to
118
 
                #343434.
 
120
            \li In the \gui Color field, set the color to #343434.
 
121
 
 
122
            \li In the code editor, delete the \c {Qt.quit();} command.
119
123
 
120
124
        \endlist
121
125
 
144
148
            \li In the \gui Size field, set \gui W and \gui H to 64, for the
145
149
                rectangle size to match the image size.
146
150
 
147
 
            \li In the \gui Colors group, \gui Rectangle field, click the
 
151
            \li In the \gui Color field, click the
148
152
                \inlineimage qmldesigner-transparent-button.png
149
153
                (\gui Transparent) button to make the rectangle transparent.
150
154