Improve examples documentation

Add more details and snippets to the examples for text and
imageelements.

Change-Id: If0b20a0dca1778a8a4cc0ebf1e43017bdce839ec
Reviewed-by: Alan Alpert <alan.alpert@nokia.com>

1 files changed, 33 insertions, 0 deletions

diff --git a/examples/quick/text/text.qml b/examples/quick/text/text.qml
index e8be93cb69..06d10e65ba 100644
--- a/examples/quick/text/text.qml
+++ b/examples/quick/text/text.qml
@@ -49,6 +49,39 @@ import "../../shared"
     This is a collection of  small QML examples relating to text. Each example is
     a small QML file, usually containing or emphasizing a particular element or
     feature. You can run and observe the behavior of each example.
+
+    'Hello' shows how to change and animate the letter spacing of a Text element.
+    It uses a sequential animation to first animate the font.letterSpacing property
+    from 0 to 50 over 3 seconds and then move the text to a random position on screen:
+    \snippet examples/quick/text/fonts/hello.qml letterspacing
+
+    'Fonts' shows different ways of using fonts with the Text element.
+    Simply by name, using the font.family property directly:
+    \snippet examples/quick/text/fonts/fonts.qml name
+    or using a FontLoader element:
+    \snippet examples/quick/text/fonts/fonts.qml fontloader
+    or using a FontLoader and specifying a local font file:
+    \snippet examples/quick/text/fonts/fonts.qml fontloaderlocal
+    or finally using a FontLoader and specifying a remote font file:
+    \snippet examples/quick/text/fonts/fonts.qml fontloaderremote
+
+    'Available Fonts' shows how to use the QML global Qt object and a list view
+    to display all the fonts available on the system.
+    The ListView element uses the list of fonts available as its model:
+    \snippet examples/quick/text/fonts/availableFonts.qml model
+    Inside the delegate, the font family is set with the modelData:
+    \snippet examples/quick/text/fonts/availableFonts.qml delegate
+
+    'Banner' is a simple example showing how to create a banner using a row of text
+    elements and a NumberAnimation.
+
+    'Img tag' shows different ways of displaying images in a text elements using
+    the <img> tag.
+
+    'Text Layout' shows how to create a more complex layout for a text element.
+    This example lays out the text in two colums using the onLineLaidOut handler
+    that allows you to position and resize each line:
+    \snippet examples/quick/text/styledtext-layout.qml layout
 */
 
 Item {