From 5c88efc06d152ac675b4369d854699b137631fa0 Mon Sep 17 00:00:00 2001 From: Jerome Pasion Date: Wed, 8 Aug 2012 12:18:55 +0200 Subject: Examples: Moved example documentation. -inline \example pages into separate .qdoc files -fixed broken links to paths -moved ui-components under examples/quick Change-Id: I6e009b9213be3e1f4bed51bdbeb76a7a2142c80b Reviewed-by: Martin Smith --- examples/quick/animation/animation.qml | 45 ---------------- examples/quick/animation/doc/src/animation.qdoc | 71 +++++++++++++++++++++++++ 2 files changed, 71 insertions(+), 45 deletions(-) create mode 100644 examples/quick/animation/doc/src/animation.qdoc (limited to 'examples/quick/animation') diff --git a/examples/quick/animation/animation.qml b/examples/quick/animation/animation.qml index a6735efcc2..812da3a5d5 100644 --- a/examples/quick/animation/animation.qml +++ b/examples/quick/animation/animation.qml @@ -41,51 +41,6 @@ import QtQuick 2.0 import "../../shared" as Examples -/*! - \title QtQuick Examples - Animation - \example quick/animation - \brief This is a collection of QML Animation examples. - \image qml-animations-example.png - - This is a collection of small QML examples relating to animation. Each example is - a small QML file emphasizing a particular element or feature. - - ColorAnimation demonstrates using a color animation to fade a sky from day to night. - \snippet examples/quick/animation/basics/color-animation.qml 0 - - PropertyAnimation demonstrates using a number animation to bounce a circle up and down. - \snippet examples/quick/animation/basics/property-animation.qml 0 - - Behaviors demonstrates using behaviors to animate moving a rectangle to whereever you click. - \snippet examples/quick/animation/behaviors/behavior-example.qml 0 - - Wiggly Text demonstrates using more complex behaviors to animate and wiggle some text around as you drag it. - It does this by assigning a complex binding to each letter: - \snippet examples/quick/animation/behaviors/wigglytext.qml 0 - Then, it uses behaviors to animate the movement on each letter: - \snippet examples/quick/animation/behaviors/wigglytext.qml 1 - - Tv Tennis demonstrates using more complex behaviors to get paddles following a ball for an infinite game. - Again a binding which depends on other values is applied to the position and a behavior provided the animation. - \snippet examples/quick/animation/behaviors/tvtennis.qml 0 - - Easing Curves shows off all the easing curves available in Qt Quick animations. - - States demonstrates how the properties of an item can vary between states. - It defines several states: - \snippet examples/quick/animation/states/states.qml 0 - Note that there is also the implicit 'base state' from properties set directly on elements. - - Transitions takes the States example and animates the property changes by setting transitions: - \snippet examples/quick/animation/states/transitions.qml 0 - - PathAnimation animates an image along a beizer curve using a PathAnimation. - \snippet examples/quick/animation/pathanimation/pathanimation.qml 0 - - PathInterpolator animates an image along the same beizer curve, using a PathInterpolator instead. - \snippet examples/quick/animation/pathinterpolator/pathinterpolator.qml 0 -*/ - Item { height: 480 width: 320 diff --git a/examples/quick/animation/doc/src/animation.qdoc b/examples/quick/animation/doc/src/animation.qdoc new file mode 100644 index 0000000000..3e3e9e6d3f --- /dev/null +++ b/examples/quick/animation/doc/src/animation.qdoc @@ -0,0 +1,71 @@ +/**************************************************************************** +** +** Copyright (C) 2012 Nokia Corporation and/or its subsidiary(-ies). +** Contact: http://www.qt-project.org/ +** +** This file is part of the documentation of the Qt Toolkit. +** +** $QT_BEGIN_LICENSE:FDL$ +** GNU Free Documentation License +** Alternatively, this file may be used under the terms of the GNU Free +** Documentation License version 1.3 as published by the Free Software +** Foundation and appearing in the file included in the packaging of +** this file. +** +** Other Usage +** Alternatively, this file may be used in accordance with the terms +** and conditions contained in a signed written agreement between you +** and Nokia. +** +** +** +** +** +** $QT_END_LICENSE$ +** +****************************************************************************/ + +/*! + \title QtQuick Examples - Animation + \example quick/animation + \brief This is a collection of QML Animation examples. + \image qml-animations-example.png + + This is a collection of small QML examples relating to animation. Each example is + a small QML file emphasizing a particular element or feature. + + ColorAnimation demonstrates using a color animation to fade a sky from day to night. + \snippet examples/quick/animation/basics/color-animation.qml 0 + + PropertyAnimation demonstrates using a number animation to bounce a circle up and down. + \snippet examples/quick/animation/basics/property-animation.qml 0 + + Behaviors demonstrates using behaviors to animate moving a rectangle to whereever you click. + \snippet examples/quick/animation/behaviors/behavior-example.qml 0 + + Wiggly Text demonstrates using more complex behaviors to animate and wiggle some text around as you drag it. + It does this by assigning a complex binding to each letter: + \snippet examples/quick/animation/behaviors/wigglytext.qml 0 + Then, it uses behaviors to animate the movement on each letter: + \snippet examples/quick/animation/behaviors/wigglytext.qml 1 + + Tv Tennis demonstrates using more complex behaviors to get paddles following a ball for an infinite game. + Again a binding which depends on other values is applied to the position and a behavior provided the animation. + \snippet examples/quick/animation/behaviors/tvtennis.qml 0 + + Easing Curves shows off all the easing curves available in Qt Quick animations. + + States demonstrates how the properties of an item can vary between states. + It defines several states: + \snippet examples/quick/animation/states/states.qml 0 + Note that there is also the implicit 'base state' from properties set directly on elements. + + Transitions takes the States example and animates the property changes by setting transitions: + \snippet examples/quick/animation/states/transitions.qml 0 + + PathAnimation animates an image along a beizer curve using a PathAnimation. + \snippet examples/quick/animation/pathanimation/pathanimation.qml 0 + + PathInterpolator animates an image along the same beizer curve, using a PathInterpolator instead. + \snippet examples/quick/animation/pathinterpolator/pathinterpolator.qml 0 +*/ -- cgit v1.2.3