Doc: Updated docs for examples and etc

- Corrected several \snippet paths and \example paths.
- Added missing example images.
- Marked several commands as code.
- Updated the exampledirs variable for qtqml.

Done-with: Venugopal Shivashankar <venugopal.shivashankar@digia.com>
Task-number: QTBUG-28898
Change-Id: I24aac17821f54de4bd5129c45b5bf96dc0f114b2
Reviewed-by: Liang Qi <liang.qi@digia.com>

9 files changed, 63 insertions, 63 deletions

diff --git a/examples/quick/imageelements/doc/src/imageelements.qdoc b/examples/quick/imageelements/doc/src/imageelements.qdoc
index da02a23fbc..48476af4e2 100644
--- a/examples/quick/imageelements/doc/src/imageelements.qdoc
+++ b/examples/quick/imageelements/doc/src/imageelements.qdoc
@@ -40,7 +40,7 @@
 
     'Shadows' shows how to create a drop shadow effect for a rectangular item
     using a BorderImage:
-    \snippet quick/imageelements/content/ShadowRectangle.qml delegate
+    \snippet quick/imageelements/content/ShadowRectangle.qml shadow
 
     'AnimatedSprite' shows how to display a simple animation using an
     AnimatedSprite element:
diff --git a/examples/quick/particles/affectors/doc/src/affectors.qdoc b/examples/quick/particles/affectors/doc/src/affectors.qdoc
index c0759f5fe3..6b57746709 100644
--- a/examples/quick/particles/affectors/doc/src/affectors.qdoc
+++ b/examples/quick/particles/affectors/doc/src/affectors.qdoc
@@ -27,7 +27,7 @@
 
 /*!
     \title QtQuick.Particles Examples - Affectors
-    \example particles/affectors
+    \example quick/particles/affectors
     \brief This is a collection of examples using Affectors in the QML particle system.
     \image qml-affectors-example.png
 
@@ -35,7 +35,7 @@
     Each example is a small QML file emphasizing a particular element or feature.
 
     Age demonstrates using an Age affector to prematurely end the lives of particles.
-    \snippet particles/affectors/content/age.qml 0
+    \snippet quick/particles/affectors/content/age.qml 0
 
     As you move the affector around the screen, the particles inside it
     (which haven't already been affected) jump to a period near the end
@@ -44,7 +44,7 @@
     the end of their life instantly.
 
     Attractor demonstrates using an Attractor affector to simulate a black hole
-    \snippet particles/affectors/content/attractor.qml 0
+    \snippet quick/particles/affectors/content/attractor.qml 0
 
     All particles in the scene, including the rocket ship's exhaust and pellets, are pulled
     towards the black hole. This effect is stronger closer to the black hole, so the
@@ -55,59 +55,59 @@
     Custom Affector manipulates the properties of the particles directly in javascript.
     One Affector is used to make the leaves rock back and forth as they fall, looking more
     leaf-like than just spinning in circles:
-    \snippet particles/affectors/content/customaffector.qml 0
+    \snippet quick/particles/affectors/content/customaffector.qml 0
     Another is used to provide a slightly varying friction to the leaves as they 'land',
     to look more natural:
-    \snippet particles/affectors/content/customaffector.qml 1
+    \snippet quick/particles/affectors/content/customaffector.qml 1
 
     Friction is similar to the falling leaves in the custom affector, except that it uses a
     flat friction the whole way down instead of custom affectors.
-    \snippet particles/affectors/content/friction.qml 0
+    \snippet quick/particles/affectors/content/friction.qml 0
 
     Gravity is a convenience affector for applying a constant acceleration to particles inside it
-    \snippet particles/affectors/content/gravity.qml 0
+    \snippet quick/particles/affectors/content/gravity.qml 0
 
     GroupGoal sets up two particle groups for flaming and non-flaming balls, and gives you various
     ways to transition between them.
-    \snippet particles/affectors/content/groupgoal.qml unlit
+    \snippet quick/particles/affectors/content/groupgoal.qml unlit
     The non-flaming balls have a one in a hundred chance of lighting on their own each second, but they also
     have a GroupGoal set on the whole group. This affector affects all particles of the unlit group, when colliding
     with particles in the lit group, and cause them to move to the lighting group.
-    \snippet particles/affectors/content/groupgoal.qml lighting
+    \snippet quick/particles/affectors/content/groupgoal.qml lighting
     lighting is an intermediate group so that the glow builds up and the transition is less jarring. So it automatically
     moves into the lit group after 100ms.
-    \snippet particles/affectors/content/groupgoal.qml lit
+    \snippet quick/particles/affectors/content/groupgoal.qml lit
     The lit group also has TrailEmitters on it for additional fire and smoke, but does not transition anywhere.
     There are two more GroupGoal elements that allow particles in the unlit group to transition to the lighting group
     (and then to the lit group).
-    \snippet particles/affectors/content/groupgoal.qml groupgoal-pilot
+    \snippet quick/particles/affectors/content/groupgoal.qml groupgoal-pilot
     The first is just an area bound to the location of an image of a pilot flame. When unlit balls pass through the flame,
     they go straight to lit because the pilot flame is so hot.
-    \snippet particles/affectors/content/groupgoal.qml groupgoal-ma
+    \snippet quick/particles/affectors/content/groupgoal.qml groupgoal-ma
     The second is bound to the location of the last pointer interaction, so that touching or clicking on unlit balls (which
     is hard due to their constant movement) causes them to move to the lighting group.
 
     Move shows some simple effects you can get by altering trajectory midway.
     The red particles have an affector that affects their position, jumping them forwards by 120px.
-    \snippet particles/affectors/content/move.qml A
+    \snippet quick/particles/affectors/content/move.qml A
     The green particles have an affector that affects their velocity, but with some angle variation. By adding some random direction
     velocity to their existing forwards velocity, they begin to spray off in a cone.
-    \snippet particles/affectors/content/move.qml B
+    \snippet quick/particles/affectors/content/move.qml B
     The blue particles have an affector that affects their acceleration, and because it sets relative to false this resets the acceleration instead of
     adding to it. Once the blue particles reach the affector, their horizontal velocity stops increasing as their vertical velocity decreases.
-    \snippet particles/affectors/content/move.qml C
+    \snippet quick/particles/affectors/content/move.qml C
 
     SpriteGoal has an affector which interacts with the sprite engine of particles, if they are being drawn as sprites by ImageParticle.
-    \snippet particles/affectors/content/spritegoal.qml 0
+    \snippet quick/particles/affectors/content/spritegoal.qml 0
     The SpriteGoal follows the image of the rocket ship on screen, and when it interacts with particles drawn by ImageParticle as sprites,
     it instructs them to move immediately to the "explode" state, which in this case is the animation of the asteroid breaking into many pieces.
 
     Turbulence has a flame with smoke, and both sets of particles being affected by a Turbulence affector. This gives a faint wind effect.
-    \snippet particles/affectors/content/turbulence.qml 0
+    \snippet quick/particles/affectors/content/turbulence.qml 0
     To make the wind change direction, subsitute a black and white noise image in the noiseSource parameter (it currently uses a default noise source).
 
     Wander uses a Wander affector to add some horizontal drift to snowflakes as they fall down.
-    \snippet particles/affectors/content/wander.qml 0
+    \snippet quick/particles/affectors/content/wander.qml 0
     There are different movements given by applying the Wander to different attributes of the trajectory, so the example makes it easy to play around and see the difference.
 */
 
diff --git a/examples/quick/particles/customparticle/doc/src/customparticle.qdoc b/examples/quick/particles/customparticle/doc/src/customparticle.qdoc
index 39c3d7c101..c682b304cb 100644
--- a/examples/quick/particles/customparticle/doc/src/customparticle.qdoc
+++ b/examples/quick/particles/customparticle/doc/src/customparticle.qdoc
@@ -27,7 +27,7 @@
 
 /*!
     \title QtQuick.Particles Examples - CustomParticle
-    \example particles/customparticle
+    \example quick/particles/customparticle
     \brief This is a collection of examples using CustomParticle in the QML particle system.
     \image qml-customparticle-example.png
 
@@ -36,19 +36,19 @@
 
     Blur Particles adds a blur effect to the particles, which increases over the particle's life time.
     It uses a custom vertex shader:
-    \snippet particles/customparticle/content/blurparticles.qml vertex
+    \snippet quick/particles/customparticle/content/blurparticles.qml vertex
     to propagate life time simulation to a custom fragement shader:
-    \snippet particles/customparticle/content/blurparticles.qml fragment
+    \snippet quick/particles/customparticle/content/blurparticles.qml fragment
     which has access to both the normal image sampler and a blurred sampler, the image plus a ShaderEffect.
 
     Fragment Shader just uses the particle system as a vertex delivery system.
-    \snippet particles/customparticle/content/fragmentshader.qml 0
+    \snippet quick/particles/customparticle/content/fragmentshader.qml 0
 
     Image Colors uses CustomParticle to assign colors to particles based on their location in a picture.
     The vertex shader,
-    \snippet particles/customparticle/content/imagecolors.qml vertex
+    \snippet quick/particles/customparticle/content/imagecolors.qml vertex
     passes along the starting position for each vertex to the fragment shader,
-    \snippet particles/customparticle/content/imagecolors.qml fragment
+    \snippet quick/particles/customparticle/content/imagecolors.qml fragment
     which uses it to determine the color for that particle.
 
 */
diff --git a/examples/quick/particles/emitters/doc/src/emitters.qdoc b/examples/quick/particles/emitters/doc/src/emitters.qdoc
index 37da46f2df..e1be1a4655 100644
--- a/examples/quick/particles/emitters/doc/src/emitters.qdoc
+++ b/examples/quick/particles/emitters/doc/src/emitters.qdoc
@@ -26,7 +26,7 @@
 ****************************************************************************/
 /*!
     \title QtQuick.Particles Examples - Emitters
-    \example particles/emitters
+    \example quick/particles/emitters
     \brief This is a collection of examples using Emitters in the QML particle system.
     \image qml-emitters-example.png
 
@@ -34,27 +34,27 @@
     Each example is a small QML file emphasizing a particular element or feature.
 
     Velocity from motion gives the effect of strong particle motion through primarily moving the emitters:
-    \snippet particles/emitters/content/velocityfrommotion.qml 0
+    \snippet quick/particles/emitters/content/velocityfrommotion.qml 0
 
     Burst and pulse calls the burst and pulse methods on two idential emitters.
-    \snippet particles/emitters/content/burstandpulse.qml 0
+    \snippet quick/particles/emitters/content/burstandpulse.qml 0
     Note how burst takes an argument of number of particles to emit, and pulse takes an argument of number of milliseconds to emit for.
     This gives a slightly different behaviour, which is easy to see in this example.
 
     Custom Emitter connects to the emitParticles signal to set arbitrary values on particle data as they're emitted;
-    \snippet particles/emitters/content/customemitter.qml 0
+    \snippet quick/particles/emitters/content/customemitter.qml 0
     This is used to emit curving particles in six rotating spokes.
 
     Emit mask sets an image mask on the Emitter, to emit out of an arbitrary shape.
-    \snippet particles/emitters/content/emitmask.qml 0
+    \snippet quick/particles/emitters/content/emitmask.qml 0
 
     Maximum emitted emits no more than a certain number of particles at a time. This example makes it easy to see what happens when the limit is reached.
 
     Shape and Direction emits particles out of an unfilled Ellipse shape, using a TargetDirection
-    \snippet particles/emitters/content/shapeanddirection.qml 0
+    \snippet quick/particles/emitters/content/shapeanddirection.qml 0
     This sends the particles towards the center of the ellipse with proportional speed, keeping the ellipse outline as they move to the center.
 
     TrailEmitter uses that element to add smoke particles to trail the fire particles in the scene.
-    \snippet particles/emitters/content/customemitter.qml 0
+    \snippet quick/particles/emitters/content/customemitter.qml 0
 
 */
diff --git a/examples/quick/particles/imageparticle/doc/src/imageparticle.qdoc b/examples/quick/particles/imageparticle/doc/src/imageparticle.qdoc
index 62c1a06839..430954c5ee 100644
--- a/examples/quick/particles/imageparticle/doc/src/imageparticle.qdoc
+++ b/examples/quick/particles/imageparticle/doc/src/imageparticle.qdoc
@@ -27,7 +27,7 @@
 
 /*!
     \title QtQuick.Particles Examples - Affectors
-    \example particles/imageparticle
+    \example quick/particles/imageparticle
     \brief This is a collection of examples using Affectors in the QML particle system.
     \image qml-imageparticle-example.png
 
@@ -35,25 +35,25 @@
     Each example is a small QML file emphasizing a particular element or feature.
 
     All at once shows off several of the features of ImageParticle at the same time.
-    \snippet particles/imageparticle/content/allatonce.qml 0
+    \snippet quick/particles/imageparticle/content/allatonce.qml 0
 
     Colored shows a simple ImageParticle with some color variation.
     \snippet particles/imageparticle/content/colored.qml 0
 
     Color Table sets the color over life on the particles to provide a fixed rainbow effect.
-    \snippet particles/imageparticle/content/colortable.qml 0
+    \snippet quick/particles/imageparticle/content/colortable.qml 0
 
     Deformation spins and squishes a starfish particle.
-    \snippet particles/imageparticle/content/deformation.qml spin
-    \snippet particles/imageparticle/content/deformation.qml deform
+    \snippet quick/particles/imageparticle/content/deformation.qml spin
+    \snippet quick/particles/imageparticle/content/deformation.qml deform
 
     Rotation demonstrates the autoRotate property, so that particles rotate in the direction that they travel.
 
     Sharing demonstrates what happens when multiple ImageParticles try to render the same particle.
     The following ImageParticle renders the particles inside the ListView:
-    \snippet particles/imageparticle/content/sharing.qml 0
+    \snippet quick/particles/imageparticle/content/sharing.qml 0
     The following ImageParticle is placed inside the list highlight, and renders the particles above the other ImageParticle.
-    \snippet particles/imageparticle/content/sharing.qml 1
+    \snippet quick/particles/imageparticle/content/sharing.qml 1
     Note that because it sets the color and alpha in this ImageParticle, it renders the particles in a different color.
     Since it doesn't specify anything about the rotation, it shares the rotation with the other ImageParticle so that the flowers are rotated the same way in both.
     Note that you can undo rotation in another ImageParticle, you just need to explicity set rotationVariation to 0.
diff --git a/examples/quick/particles/system/doc/src/system.qdoc b/examples/quick/particles/system/doc/src/system.qdoc
index 8c381a57ec..f5ee3b8ec1 100644
--- a/examples/quick/particles/system/doc/src/system.qdoc
+++ b/examples/quick/particles/system/doc/src/system.qdoc
@@ -27,7 +27,7 @@
 
 /*!
     \title QtQuick.Particles Examples - Affectors
-    \example particles/system
+    \example quick/particles/system
     \brief This is a collection of examples using Affectors in the QML particle system.
     \image qml-system-example.png
 
@@ -35,7 +35,7 @@
     Each example is a small QML file emphasizing a particular element or feature.
 
     Dynamic comparison compares using the particle system to getting a similar effect with the following code that dynamically instantiates Image elements.
-    \snippet particles/system/content/dynamiccomparison.qml fake
+    \snippet quick/particles/system/content/dynamiccomparison.qml fake
     Note how the Image elements are not able to be randomly colorized.
 
     Start and Stop simply sets the running and paused states of a ParticleSystem. While the system does not perform any simulation when stopped or paused, a restart restarts the simulation from the beginning, while unpausing resumes the simulation from where it was.
@@ -43,14 +43,14 @@
     Timed group changes is an example that highlights the ParticleGroup element. While normally referring to groups with a string name is sufficent, additional effects can be
     done by setting properties on groups.
     The first group has a variable duration on it, but always transitions to the second group.
-    \snippet particles/system/content/timedgroupchanges.qml 0
+    \snippet quick/particles/system/content/timedgroupchanges.qml 0
     The second group has a TrailEmitter on it, and a fixed duration for emitting into the third group. By placing the TrailEmitter as a direct child of the ParticleGroup, it automatically selects that group to follow.
-    \snippet particles/system/content/timedgroupchanges.qml 1
+    \snippet quick/particles/system/content/timedgroupchanges.qml 1
     The third group has an Affector as a direct child, which makes the affector automatically target this group. The affector means that as soon as particles enter this group, a burst function can be called on another emitter, using the x,y positions of this particle.
-    \snippet particles/system/content/timedgroupchanges.qml 2
+    \snippet quick/particles/system/content/timedgroupchanges.qml 2
 
     If TrailEmitter does not suit your needs for multiple emitters, you can also dynamically create Emitters while still using the same ParticleSystem and image particle
-    \snippet particles/system/content/dynamicemitters.qml 0
+    \snippet quick/particles/system/content/dynamicemitters.qml 0
     Note that this effect, a flurry of flying rainbow spears, would be better served with TrailEmitter. It is only done with dynamic emitters in this example to show the concept more simply.
 
     Multiple Painters shows how to control paint ordering of individual particles. While the paint ordering of particles within one ImagePainter is not strictly defined, ImageParticle elements follow the normal Z-ordering rules for QtQuick items. This example allow you to paint the inside of the particles above the black borders using a pair of ImageParticles each painting different parts of the same logical particle.
diff --git a/examples/quick/touchinteraction/doc/src/touchinteraction.qdoc b/examples/quick/touchinteraction/doc/src/touchinteraction.qdoc
index c7193b4b34..fef4ef2e7e 100644
--- a/examples/quick/touchinteraction/doc/src/touchinteraction.qdoc
+++ b/examples/quick/touchinteraction/doc/src/touchinteraction.qdoc
@@ -41,7 +41,7 @@
     Bear-Whack demonstrates using a MultiPointTouchArea to add multiple finger support to a simple game. The interaction with the game
     is done through a SpriteGoal that follows the TouchPoint. The TouchPoints added to the MultiPointTouchArea are a component with all
     this logic embedded into it:
-    \snippet quick/touchinteraction/multipointtouch/bearwhack/content/AugmentedTouchPoint.qml 0
+    \snippet quick/touchinteraction/multipointtouch/content/AugmentedTouchPoint.qml 0
 
     Flick Resize uses a PinchArea to allow Pinch-to-Resize behavior. This is easily achieved just by listening to the PinchArea signals and responding
     to user input.
diff --git a/examples/quick/ui-components/slideswitch/doc/src/example-slideswitch.qdoc b/examples/quick/ui-components/slideswitch/doc/src/example-slideswitch.qdoc
index 4e302e7256..d05175e482 100644
--- a/examples/quick/ui-components/slideswitch/doc/src/example-slideswitch.qdoc
+++ b/examples/quick/ui-components/slideswitch/doc/src/example-slideswitch.qdoc
@@ -34,7 +34,7 @@
 
 This example shows how to create a reusable switch component in QML.
 
-The code for this example can be found in the \c examples/quick/tutorials/ui-components/slideswitch directory.
+The code for this example can be found in the \c examples/quick/ui-components/slideswitch directory.
 
 The elements that compose the switch are:
 
@@ -105,7 +105,7 @@ For more information on states see \l{Qt Quick States}.
 
 We add two JavaScript functions to our switch:
 
-\snippet quick/tutorials/ui-components/slideswitch/content/Switch.qml 2
+\snippet quick/ui-components/slideswitch/content/Switch.qml 2
 
 This first function is called when the background image or the knob are clicked. We simply want the switch to toggle between the two
 states (\e on and \e off).
diff --git a/examples/quick/views/doc/src/views.qdoc b/examples/quick/views/doc/src/views.qdoc
index fe135db0d7..13d054cfc9 100644
--- a/examples/quick/views/doc/src/views.qdoc
+++ b/examples/quick/views/doc/src/views.qdoc
@@ -35,49 +35,49 @@
     This is a collection of small QML examples relating to model and view functionality. They demonstrate how to show data from a model using the QtQuick view types.
 
     \section2 GridView and PathView demonstrate usage of these elements to display views.
-    \snippet quick/modelviews/gridview/gridview-example.qml 0
+    \snippet quick/views/gridview/gridview-example.qml 0
 
     \section2 Dynamic List demonstrates animation of runtime additions and removals to a ListView.
 
     The ListView.onAdd signal handler runs an animation when new items are added to the
     view, and the ListView.onRemove another when they are removed.
-    \snippet quick/modelviews/listview/dynamiclist.qml 0
-    \snippet quick/modelviews/listview/dynamiclist.qml 1
+    \snippet quick/views/listview/dynamiclist.qml 0
+    \snippet quick/views/listview/dynamiclist.qml 1
 
     \section2 Expanding Delegates demonstrates delegates that expand when activated.
 
     It has a complex delegate the size and appearance of which can change, displacing
     other items in the view.
-    \snippet quick/modelviews/listview/expandingdelegates.qml 0
-    \snippet quick/modelviews/listview/expandingdelegates.qml 1
-    \snippet quick/modelviews/listview/expandingdelegates.qml 2
-    \snippet quick/modelviews/listview/expandingdelegates.qml 3
+    \snippet quick/views/listview/expandingdelegates.qml 0
+    \snippet quick/views/listview/expandingdelegates.qml 1
+    \snippet quick/views/listview/expandingdelegates.qml 2
+    \snippet quick/views/listview/expandingdelegates.qml 3
 
     \section2 Highlight demonstrates adding a custom highlight to a ListView.
-    \snippet quick/modelviews/listview/highlight.qml 0
+    \snippet quick/views/listview/highlight.qml 0
 
     \section2 Highlight Ranges shows the three different highlight range modes of ListView.
-    \snippet quick/modelviews/listview/highlightranges.qml 0
-    \snippet quick/modelviews/listview/highlightranges.qml 1
-    \snippet quick/modelviews/listview/highlightranges.qml 2
+    \snippet quick/views/listview/highlightranges.qml 0
+    \snippet quick/views/listview/highlightranges.qml 1
+    \snippet quick/views/listview/highlightranges.qml 2
 
     \section2 Sections demonstrates the various section headers and footers available to ListView.
-    \snippet quick/modelviews/listview/sections.qml 0
+    \snippet quick/views/listview/sections.qml 0
 
     \section2 Packages demonstrates using Packages to transition delegates between two views.
 
     It has a Package which defines delegate items for each view and an item that can
     be transferred between delegates.
 
-    \snippet quick/modelviews/package/Delegate.qml 0
+    \snippet quick/views/package/Delegate.qml 0
 
     A VisualDataModel allows the individual views to access their specific items from
     the shared package delegate.
 
-    \snippet quick/modelviews/package/view.qml 0
+    \snippet quick/views/package/view.qml 0
 
     \section2 VisualItemModel uses a VisualItemModel for the model instead of a ListModel.
 
-    \snippet quick/modelviews/visualitemmodel/visualitemmodel.qml 0
+    \snippet quick/views/visualitemmodel/visualitemmodel.qml 0
 */