Doc: move Qt Quick topics to a separate folder

Change-Id: I020cb65cc343f933bea925de368f09c9c4f7b879
Reviewed-on: http://codereview.qt-project.org/5612Reviewed-by: Qt Sanity Bot <qt_sanity_bot@ovi.com>
Reviewed-by: Eike Ziller <eike.ziller@nokia.com>
Reviewed-by: Casper van Donderen <casper.vandonderen@nokia.com>

doc/src/qtquick/creator-projects-settings-run-qtquick.qdocinc

+    \section1 Specifying Run Settings for Qt Quick UI Projects
+
+    You can specify run settings for the \gui Desktop target:
+
+    \list
+
+        \o  In the \gui {Qt version} field, select a Qt version that has support
+            for QML.
+
+        \o  In the \gui Arguments field, you can specify command line arguments
+            to be passed to the executable.
+
+        \o  In the \gui {Main QML file}, select the file that \QQV will be
+            started with.
+
+        \o  In the \gui Debugger group, select the languages to debug:
+            \gui{C++} and \gui QML. \gui {Debug port} is the port to access
+            \QQV. You can use any free port in the registered port range.
+            For more information, see \l{Debugging Qt Quick Projects}.
+
+    \endlist
+
+    \note Opening a socket at a well-known port presents a security risk. Anyone
+    on the Internet could connect to the application that you are debugging and
+    execute any JavaScript functions. Therefore, you must make sure that the
+    port is properly protected by a firewall.
+
+    \image qmldesigner-run-settings.png "Run settings for Qt Quick UI projects"

doc/src/qtquick/qtquick-toolbars.qdoc

+/****************************************************************************
+**
+** This file is part of Qt Creator
+**
+** Copyright (c) 2011 Nokia Corporation and/or its subsidiary(-ies).
+**
+** Contact: Nokia Corporation (info@qt.nokia.com)
+**
+**
+** 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.
+**
+** If you have questions regarding the use of this file, please contact
+** Nokia at info@qt.nokia.com.
+**
+****************************************************************************/
+
+// **********************************************************************
+// NOTE: the sections are not ordered by their logical order to avoid
+// reshuffling the file each time the index order changes (i.e., often).
+// Run the fixnavi.pl script to adjust the links to the index order.
+// **********************************************************************
+
+/*!
+    \contentspage index.html
+    \previouspage creator-editor-refactoring.html
+    \page qt-quick-toolbars.html
+    \nextpage creator-editor-locator.html
+
+    \title Using Qt Quick Toolbars
+
+    When you edit QML code in the code editor, you specify the properties
+    of QML components. For some properties, such as colors and font names,
+    this is not a trivial task. For example, few people can visualize the
+    color #18793f.
+
+    To easily edit these properties, you can use the Qt Quick Toolbars.
+    When you select a component in the code and a toolbar is available,
+     a light bulb icon appears:
+    \inlineimage qml-toolbar-indicator.png
+    . Select the icon to open the toolbar.
+
+    To open toolbars immediately when you select a component, select
+    \gui{Tools > Options > Qt Quick > Qt Quick Toolbar > Always show Quick
+    Toolbar}.
+
+    Drag the toolbar to pin it to another location. Select
+    \inlineimage qml-toolbar-pin.png
+    to unpin the toolbar and move it to its default location. To pin toolbars
+    by default, select \gui{Tools > Options > Qt Quick > Qt Quick Toolbar
+    > Pin Quick Toolbar}.
+
+    \section1 Previewing Images
+
+    The Qt Quick Toolbar for images allows you to edit the properties of
+    \l{http://doc.qt.nokia.com/latest/qml-borderimage.html}{Border Image}
+    and \l{http://doc.qt.nokia.com/latest/qml-image.html}{Image} components.
+    You can scale and tile the images, replace them with other images,
+    preview them, and change the image margins.
+
+    \image qml-toolbar-image.png "Qt Quick Toolbar for images"
+
+    To preview an image, double-click it on the toolbar. In the preview
+    dialog, you can zoom the image. Drag the image margins to change them.
+
+    \image qml-toolbar-image-preview.png "Image preview dialog"
+
+    \section1 Formatting Text
+
+    The Qt Quick Toolbar for text allows you to edit the properties of
+    \l{http://doc.qt.nokia.com/latest/qml-text.html}{Text} components.
+    You can change the font family and size as well as text formatting, style,
+    alignment, and color.
+
+    If a property is assigned an expression instead of a value, you
+    cannot use the toolbar to edit it. The button for editing the property
+    is disabled.
+
+    \image qml-toolbar-text.png "Qt Quick Toolbar for text"
+
+    By default, font size is specified as pixels. To use points, instead,
+    change \gui px to \gui pt in the size field.
+
+    \section1 Previewing Animation
+
+    The Qt Quick Toolbar for animation allows you to edit the properties of
+    \l{http://doc.qt.nokia.com/4.7/qml-propertyanimation.html}
+    {PropertyAnimation} components and the components that inherit it. You can
+    change the easing curve type and duration. For some curves, you can also
+    specify amplitude, period, and overshoot values.
+
+    \image qml-toolbar-animation.png "Qt Quick Toolbar for animation"
+
+    Select the play button to preview your changes.
+
+    \section1 Editing Rectangles
+
+    The Qt Quick Toolbar for rectangles allows you to edit the properties of
+    \l{http://doc.qt.nokia.com/4.7/qml-rectangle.html}{Rectangle}
+    components. You can change the fill and border colors and add
+    gradients.
+
+    \image qml-toolbar-rectangle.png "Qt Quick Toolbar for rectangles"
+
+    To add gradient stop points, click above the gradient bar. To remove
+    stop points, drag them upwards.
+
+*/