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 <martin.smith@digia.com>

2 files changed, 46 insertions, 20 deletions

diff --git a/examples/quick/mousearea/doc/src/mousearea.qdoc b/examples/quick/mousearea/doc/src/mousearea.qdoc
new file mode 100644
index 0000000000..159620dd3b
--- /dev/null
+++ b/examples/quick/mousearea/doc/src/mousearea.qdoc
@@ -0,0 +1,46 @@
+/****************************************************************************
+**
+** 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 - MouseArea
+    \example quick/mousearea
+    \brief This is a collection of QML Animation examples.
+    \image qml-mousearea-example.png
+
+    This example shows you how to respond to clicks and drags with a MouseArea.
+
+    When you click inside the red square, the Text element will list several properties
+    of that click which are available to QML.
+
+    Signals are emitted by the MouseArea when clicks or other discrete operations occur within it
+    \snippet examples/quick/mousearea/mousearea.qml clicks
+
+    The MouseArea can also be used to drag elements around. By setting the parameters of the drag property,
+    the target item will be dragged around if the user starts to drag within the MouseArea.
+    \snippet examples/quick/mousearea/mousearea.qml drag
+
+*/
+
diff --git a/examples/quick/mousearea/mousearea.qml b/examples/quick/mousearea/mousearea.qml
index cdc2364b1f..9488f72a4c 100644
--- a/examples/quick/mousearea/mousearea.qml
+++ b/examples/quick/mousearea/mousearea.qml
@@ -40,26 +40,6 @@
 
 import QtQuick 2.0
 
-/*!
-    \title QtQuick Examples - MouseArea
-    \example quick/mousearea
-    \brief This is a collection of QML Animation examples.
-    \image qml-mousearea-example.png
-
-    This example shows you how to respond to clicks and drags with a MouseArea.
-
-    When you click inside the red square, the Text element will list several properties
-    of that click which are available to QML.
-
-    Signals are emitted by the MouseArea when clicks or other discrete operations occur within it
-    \snippet examples/quick/mousearea/mousearea.qml clicks
-
-    The MouseArea can also be used to drag elements around. By setting the parameters of the drag property,
-    the target item will be dragged around if the user starts to drag within the MouseArea.
-    \snippet examples/quick/mousearea/mousearea.qml drag
-
-*/
-
 Rectangle {
     id: box
     width: 320; height: 480