aboutsummaryrefslogtreecommitdiffstats
path: root/src/quick/doc
diff options
context:
space:
mode:
authorSergio Ahumada <sergio.ahumada@digia.com>2013-04-19 12:19:53 +0200
committerThe Qt Project <gerrit-noreply@qt-project.org>2013-04-19 12:38:22 +0200
commit5677d722c36b6a5c49f8dd0afc09da79b51275b0 (patch)
tree83d258e213998dc0f2fde0ec49a63ce3495eb1e3 /src/quick/doc
parent2fb17f3feefcca8862f6f908fe81957f34096c00 (diff)
docs: Fix snippets paths for QML Tutorial
This seems to be a leftover from 1a23fbc59a1389677b3f232379f441ed5b4cdf90 Task-number: QTBUG-28898 Change-Id: I7adcb6a3f05a4fed08ff73b522a042b1ad9cee1e Reviewed-by: Jerome Pasion <jerome.pasion@digia.com>
Diffstat (limited to 'src/quick/doc')
-rw-r--r--src/quick/doc/src/tutorial.qdoc30
1 files changed, 15 insertions, 15 deletions
diff --git a/src/quick/doc/src/tutorial.qdoc b/src/quick/doc/src/tutorial.qdoc
index 62098bc482..46125ede18 100644
--- a/src/quick/doc/src/tutorial.qdoc
+++ b/src/quick/doc/src/tutorial.qdoc
@@ -66,7 +66,7 @@ The picture below is a screenshot of this program.
Here is the QML code for the application:
-\snippet quick/tutorials/helloworld/tutorial1.qml 0
+\snippet tutorials/helloworld/tutorial1.qml 0
\section1 Walkthrough
@@ -75,11 +75,11 @@ Here is the QML code for the application:
First, we need to import the types that we need for this example. Most QML files will import the built-in QML
types (like \l{Rectangle}, \l{Image}, ...) that come with Qt, using:
-\snippet quick/tutorials/helloworld/tutorial1.qml 3
+\snippet tutorials/helloworld/tutorial1.qml 3
\section2 Rectangle Type
-\snippet quick/tutorials/helloworld/tutorial1.qml 1
+\snippet tutorials/helloworld/tutorial1.qml 1
We declare a root object of type \l{Rectangle}. It is one of the basic building blocks you can use to create an application in QML.
We give it an \c{id} to be able to refer to it later. In this case, we call it "page".
@@ -88,7 +88,7 @@ The \l{Rectangle} type contains many other properties (such as \c x and \c y), b
\section2 Text Type
-\snippet quick/tutorials/helloworld/tutorial1.qml 2
+\snippet tutorials/helloworld/tutorial1.qml 2
We add a \l Text type as a child of the root Rectangle type that displays the text 'Hello world!'.
@@ -130,37 +130,37 @@ The component's filename must always start with a capital letter.
Here is the QML code for \c Cell.qml:
-\snippet quick/tutorials/helloworld/Cell.qml 0
+\snippet tutorials/helloworld/Cell.qml 0
\section1 Walkthrough
\section2 The Cell Component
-\snippet quick/tutorials/helloworld/Cell.qml 1
+\snippet tutorials/helloworld/Cell.qml 1
The root type of our component is an \l Item with the \c id \e container.
An \l Item is the most basic visual type in QML and is often used as a container for other types.
-\snippet quick/tutorials/helloworld/Cell.qml 4
+\snippet tutorials/helloworld/Cell.qml 4
We declare a \c cellColor property. This property is accessible from \e outside our component, this allows us
to instantiate the cells with different colors.
This property is just an alias to an existing property - the color of the rectangle that compose the cell
(see \l{Property Binding in QML}).
-\snippet quick/tutorials/helloworld/Cell.qml 5
+\snippet tutorials/helloworld/Cell.qml 5
We want our component to also have a signal that we call \e clicked with a \e cellColor parameter of type \e color.
We will use this signal to change the color of the text in the main QML file later.
-\snippet quick/tutorials/helloworld/Cell.qml 2
+\snippet tutorials/helloworld/Cell.qml 2
Our cell component is basically a colored rectangle with the \c id \e rectangle.
The \c anchors.fill property is a convenient way to set the size of a visual type.
In this case the rectangle will have the same size as its parent (see \l{anchor-layout}{Anchor-Based Layout}).
-\snippet quick/tutorials/helloworld/Cell.qml 3
+\snippet tutorials/helloworld/Cell.qml 3
In order to change the color of the text when clicking on a cell, we create a \l MouseArea type with
the same size as its parent.
@@ -172,11 +172,11 @@ When this signal is triggered we want to emit our own \e clicked signal with the
In our main QML file, we use our \c Cell component to create the color picker:
-\snippet quick/tutorials/helloworld/tutorial2.qml 0
+\snippet tutorials/helloworld/tutorial2.qml 0
We create the color picker by putting 6 cells with different colors in a grid.
-\snippet quick/tutorials/helloworld/tutorial2.qml 1
+\snippet tutorials/helloworld/tutorial2.qml 1
When the \e clicked signal of our cell is triggered, we want to set the color of the text to the \e cellColor passed as a parameter.
We can react to any signal of our component through a property of the name \e 'onSignalName' (see \l{Signal Attributes}).
@@ -196,11 +196,11 @@ We want our text to move to the bottom of the screen, rotate and become red when
Here is the QML code:
-\snippet quick/tutorials/helloworld/tutorial3.qml 0
+\snippet tutorials/helloworld/tutorial3.qml 0
\section1 Walkthrough
-\snippet quick/tutorials/helloworld/tutorial3.qml 2
+\snippet tutorials/helloworld/tutorial3.qml 2
First, we create a new \e down state for our text type.
This state will be activated when the \l MouseArea is pressed, and deactivated when it is released.
@@ -209,7 +209,7 @@ The \e down state includes a set of property changes from our implicit \e {defau
(the items as they were initially defined in the QML).
Specifically, we set the \c y property of the text to \c 160, the rotation to \c 180 and the \c color to red.
-\snippet quick/tutorials/helloworld/tutorial3.qml 3
+\snippet tutorials/helloworld/tutorial3.qml 3
Because we don't want the text to appear at the bottom instantly but rather move smoothly,
we add a transition between our two states.