summaryrefslogtreecommitdiffstats
path: root/doc
diff options
context:
space:
mode:
authorDavid Boddie <david.boddie@nokia.com>2010-09-13 13:41:55 (GMT)
committerDavid Boddie <david.boddie@nokia.com>2010-09-13 13:41:55 (GMT)
commitf1244a099ecc806582ce8c2488552e21c85ac519 (patch)
tree0f5572ff5a2bafe79934e2ffdd20f80112514a72 /doc
parent245653f469baa0227c0b07fd6a232629ed53e9ee (diff)
downloadQt-f1244a099ecc806582ce8c2488552e21c85ac519.zip
Qt-f1244a099ecc806582ce8c2488552e21c85ac519.tar.gz
Qt-f1244a099ecc806582ce8c2488552e21c85ac519.tar.bz2
Doc: Some editing and tidying up.
Diffstat (limited to 'doc')
-rw-r--r--doc/src/declarative/declarativeui.qdoc1
-rw-r--r--doc/src/declarative/qtdeclarative.qdoc5
-rw-r--r--doc/src/getting-started/gettingstartedqml.qdoc54
3 files changed, 9 insertions, 51 deletions
diff --git a/doc/src/declarative/declarativeui.qdoc b/doc/src/declarative/declarativeui.qdoc
index 2f43682..cb326a3 100644
--- a/doc/src/declarative/declarativeui.qdoc
+++ b/doc/src/declarative/declarativeui.qdoc
@@ -30,7 +30,6 @@
\page qtquick.html
\ingroup qt-gui-concepts
-
\brief Qt Quick provides a declarative framework for building highly
dynamic, custom user interfaces.
diff --git a/doc/src/declarative/qtdeclarative.qdoc b/doc/src/declarative/qtdeclarative.qdoc
index f163a66..044758f 100644
--- a/doc/src/declarative/qtdeclarative.qdoc
+++ b/doc/src/declarative/qtdeclarative.qdoc
@@ -63,10 +63,11 @@
\macro QML_DECLARE_TYPEINFO(Type,Flags)
\relates QDeclarativeEngine
- Declares additional properties of a type.
+ Declares additional properties of the given \a Type as described by the
+ specified \a Flags.
Current the only supported type info is \c QML_HAS_ATTACHED_PROPERTIES which
- declares that the \c Type supports \l {Attached Properties}.
+ declares that the \a Type supports \l {Attached Properties}.
*/
diff --git a/doc/src/getting-started/gettingstartedqml.qdoc b/doc/src/getting-started/gettingstartedqml.qdoc
index 6cef316..1003eee 100644
--- a/doc/src/getting-started/gettingstartedqml.qdoc
+++ b/doc/src/getting-started/gettingstartedqml.qdoc
@@ -71,20 +71,7 @@
In QML, the basic visual item is the \l {Rectangle}{Rectangle} element. The
\c Rectangle element has properties to control the element's appearance and location.
- \code
- import Qt 4.7
- Rectangle {
- id: simplebutton
- color: "grey"
- width: 150; height: 75
-
- Text{
- id: buttonLabel
- anchors.centerIn: parent
- text: "button label"
- }
- }
- \endcode
+ \snippet examples/tutorials/gettingStarted/gsQml/part0/Button.qml document
First, the \c { import Qt 4.7 } allows the qmlviewer tool to import the QML elements
we will later use. This line must exist for every QML file. Notice that the version
@@ -422,7 +409,7 @@
focus: true
wrapMode: TextEdit.Wrap
-
+
onCursorRectangleChanged: flickArea.ensureVisible(cursorRectangle)
}
\endcode
@@ -446,7 +433,7 @@
contentY = r.y+r.height-height;
}
\endcode
-
+
\section2 Combining Components for the Text Editor
We are now ready to create the layout of our text editor using QML. The text
@@ -464,7 +451,7 @@
//the screen is partitioned into the MenuBar and TextArea. 1/3 of the screen is assigned to the MenuBar
property int partition: height/3
-
+
MenuBar{
id:menuBar
height: partition
@@ -543,27 +530,7 @@
the \c drawer, and the drawer's icon will undergo property changes to meet the
current state.
- \code
-
- states:[
- State{
- name: "DRAWER_OPEN"
- PropertyChanges { target: menuBar; y:0}
- PropertyChanges { target: textArea; y: partition + drawer.height}
- PropertyChanges { target: drawer; y: partition}
- PropertyChanges { target: arrowIcon; rotation: 180}
- },
- State{
- name: "DRAWER_CLOSED"
- PropertyChanges { target: menuBar; y:-partition}
- PropertyChanges { target: textArea; y: drawer.height; height: screen.height - drawer.height}
- PropertyChanges { target: drawer; y: 0}
- PropertyChanges { target: arrowIcon; rotation: 0}
- }
-
- ]
-
- \endcode
+ \snippet examples/tutorial/gettingStarted/gsQml/texteditor.qml states
State changes are abrupt and needs smoother transitions. Transitions between states
are defined using the \l {Transition}{Transition} element, which can then bind to
@@ -582,16 +549,7 @@
the end of the animation. Pleae read \l {qdeclarativeanimation.html}{QML's Animation}
article.
- \code
- transitions: [
- Transition{
- to: "*"
- NumberAnimation { target: textArea; properties: "y, height"; duration: 100; easing.type: Easing.OutQuint }
- NumberAnimation { target: menuBar; properties: "y"; duration: 100;easing.type: Easing.OutQuint }
- NumberAnimation { target: drawer; properties: "y"; duration: 100;easing.type: Easing.OutQuint }
- }
- ]
- \endcode
+ \snippet examples/tutorials/gettingStarted/gsQml/texteditor.qml transitions
Another way of animating property changes is by declaring a \l {Behavior}{Behavior}
element. A transition only works during state changes and \c Behavior can set an